CSS实现背景透明,文字不透明(各浏览器兼容)
2015-08-19 10:18
639 查看
/*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>
相关文章推荐
- 针对谷歌默认最小字体12px的正确解决方案 (css、html)
- 关于盒子二三事
- 纯CSS3代码实现滑动开关效果
- html样式
- css常用
- 纯CSS制作的三角箭头
- 18个你可能不相信是用CSS制作出来的东西
- CSS+JS实现的div层定位功能和自动消失
- css实现永远居中的背景图片
- CSS3 加载进度样式
- 如何在 datables中加入可输入的分页样式
- CSS选择符的种类以及对比分析
- CSS画三角形集锦
- 实例讲解CSS3中的border-radius属性
- 详解CSS3中使用gradient实现渐变效果的方法
- “IE浏览器不支持在css文件中设定的dialog宽度”解决方法
- Windows窗口样式速查参考,Delphi窗口控件的风格都有它们来决定(附Delphi何时用到它们,并举例说明)good
- css3--实现最小宽的的方法(带滚动条)
- 笔记-CSS3实现3D搜索输入框
- 笔记-CSS3实现3D搜索输入框