/*CSS*/
.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.con{ text-align:left; width:500px; height:400px; margin:0px auto; padding:100px 50px;
background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}
.con p{ position:relative;}/*实现IE文字不透明*/
/*HTML代码*/
<body>
<div class="waps">
<div class="con">
<p>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明
</p>
</div>
</div>
</body>
分享到：
相关推荐
总的来说，实现CSS背景透明而文字不透明的方法有多种，关键在于理解各种CSS属性和技巧的兼容性，以及如何根据浏览器特性选择合适的方法。通过灵活运用 rgba()、opacity、filter 和渐变等工具，我们可以创建出既美观...
在实际应用中，为了更好地实现跨浏览器兼容性，还可以考虑使用CSS预处理器（如Sass或Less）以及自动化工具（如autoprefixer）来自动添加必要的浏览器前缀，以确保在各种浏览器版本中都能正常工作。此外，随着技术的...
IE6是大家都十分头痛的一个浏览器，为了兼容它，一个很小的项目就可以浪费你很多的时间和精力，最简单的有margin、padding，最难的那就不知道了，今天在这里做了一个滤镜的效果，实现chrome和FF的滤镜很简单，但是要...
首先利用rgba属性为非IE浏览器设置背景透明度，然后对IE6使用DXImageTransform.Microsoft.gradient滤镜，最后通过`:root.alpha`选择器对IE9及以上版本进行样式覆盖，从而实现兼容各种浏览器的效果。在设计时，要特别...
在CSS3中，实现背景透明而文字不透明的效果有多种方法。这里我们将详细探讨如何通过修改示例代码来实现这一目的。首先，我们要明白CSS3引入的新特性，如`rgba()`函数和`background-color`的透明度控制，可以帮助我们...
总之，实现背景透明而文字不透明，同时兼容IE浏览器，可以通过结合使用rgba()函数和IE滤镜来达成。然而，随着浏览器更新迭代，开发者应逐步减少对过时浏览器的依赖，转而采用更先进、更标准的前端技术。
在CSS中实现背景色透明而内容不透明的效果，通常涉及到层叠和透明度的控制。在不同的浏览器中，实现方式可能会有所不同，需要考虑兼容性。...在编写CSS时，记得始终关注跨浏览器兼容性，确保在各种环境下都能正常显示。
在网页设计中，HTML与CSS是构建...为了确保跨浏览器兼容性，建议使用像`autoprefixer`这样的工具来自动添加必要的浏览器前缀，或者使用如`Modernizr`之类的库检测浏览器特性，以便为不支持新特性的浏览器提供回退方案。
三、透明度与浏览器兼容性 3. 兼容性问题：虽然现代浏览器广泛支持透明度和不透明效果，但在一些较旧或非主流的浏览器中可能存在问题。使用`opacity`和`rgba()`时，需要通过`-ms-`、`-moz-`、`-webkit-`等前缀来确保...
本文将详细介绍两种使用CSS实现这一效果的方法：毛玻璃效果和半透明效果。 1. 毛玻璃效果 这种方法利用了CSS中的`filter`属性，特别是`blur`滤镜，来创造一种模糊的背景效果，从而达到类似毛玻璃的视觉体验。具体...
此外，为了确保跨浏览器兼容性，可以使用CSS预处理器（如Sass或Less）或自动化工具（如Autoprefixer）来自动添加必要的浏览器前缀，以覆盖更多版本的浏览器。 总的来说，通过合理利用CSS的`filter`滤镜和`rgba()`...
在网页设计中，有时我们需要实现背景透明但文字保持不透明的效果。在IE7及更高版本、Firefox 3.0+、Opera 10+、Chrome和Safari等现代浏览器中，这一需求可以通过使用PNG32格式的透明图片来轻松解决。然而，在IE6中，...
本文将详细讲解如何仅使用CSS实现背景图片半透明而内容保持不透明的效果，这种方法不依赖于JavaScript或任何第三方库。 首先，传统的做法是通过设置元素的`opacity`属性来实现透明效果。然而，这种方法会影响到元素...
在网页设计中，CSS（Cascading Style Sheets）是一种用于定义网页元素外观和布局的语言。在本主题中，我们将深入探讨如何使用CSS实现半透明效果，这...同时，开发者应关注浏览器兼容性，确保在各种环境下都能正常显示。
这款基于IE内核的浏览器，允许用户在0到100的范围内自由设定透明度，其中0意味着完全透明，而数值越大，浏览器界面越不透明。这种功能设计的主要目的是为了提供一种隐私保护的方式，让用户在使用浏览器时可以更隐蔽...
本文将详细介绍如何实现兼容各浏览器的CSS渐变效果。 #### CSS渐变的基本概念 CSS渐变是一种从一种颜色平滑过渡到另一种颜色的效果。它可以是线性的也可以是径向的。在标准的CSS3规范中，渐变可以通过`linear-...