IE6是大家都十分头痛的一个浏览器,为了兼容它,一个很小的项目就可以浪费你很多的时间和精力,最简单的有margin、padding,最难的那就不知道了,今天为大家展示CSS实现背景透明,文字不透明,兼容多种浏览器,需要了解的朋友可以参考下
IE6是大家都十分头痛的一个浏览器,为了兼容它,一个很小的项目就可以浪费你很多的时间和精力,最简单的有margin、padding,最难的那就不知道了,今天在这里做了一个滤镜的效果,实现chrome和FF的滤镜很简单,但是要实现IE的滤镜,那就有点繁琐了。
2012122115192516.png
复制代码代码如下: <html> <head> <title>背景透明</title> <style> body{margin:0;padding:0;} .back{width:800px;height:700px;background:url(images/超级金属.png);background-repeat:no-repeat;padding:80px 340px;} .font{width:100px;background-color:rgba(255,255,255,0.3)!important; filter:Alpha(opacity=60);background:#fff;} </style> </head> <body> <div class="back"> <div class="font"> <p>boia带你走进赛车的世界,在这个世界里,你可以感受到非同寻常的速度和激情, 这辆赛车采用德国超级金属所制成,材料也是德国生产,美中不足的就是这辆赛车的 速度很快,准备好了吗?系好安全带,让我们飞起来吧。</P> </div> </div> </body> </html>
适合于所有的主流浏览器
|