手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS实现背景透明文字不透明兼容各种浏览器有图有真相
CSS实现背景透明文字不透明兼容各种浏览器有图有真相
摘要:IE6是大家都十分头痛的一个浏览器,为了兼容它,一个很小的项目就可以浪费你很多的时间和精力,最简单的有margin、padding,最难的那...

IE6是大家都十分头痛的一个浏览器,为了兼容它,一个很小的项目就可以浪费你很多的时间和精力,最简单的有margin、padding,最难的那就不知道了,今天在这里做了一个滤镜的效果,实现chrome和FF的滤镜很简单,但是要实现IE的滤镜,那就有点繁琐了。

CSS实现背景透明文字不透明兼容各种浏览器有图有真相1

<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>

<div>

<p>boia带你走进赛车的世界,在这个世界里,你可以感受到非同寻常的速度和激情,

这辆赛车采用德国超级金属所制成,材料也是德国生产,美中不足的就是这辆赛车的

速度很快,准备好了吗?系好安全带,让我们飞起来吧。</P>

</div>

</div>

</body>

</html>

适合于所有的主流浏览器

【CSS实现背景透明文字不透明兼容各种浏览器有图有真相】相关文章:

CSS+DIV表格背景透明内容不透明

屏蔽双击选中文字的方法兼容FF及以外的浏览器

CSS实现Table单元格自动换行或不换行

css实现文字过长显示省略号的方法

纯CSS实现漂亮tab选项卡切换特效

CSS对浏览器的兼容性性处理(IE7,6与Fireofx)

css代码兼容浏览器技巧总结

CSS不同浏览器兼容问题

CSS截取字符串显示省略号

用CSS+JS实现Li背景颜色交替

精品推荐
分类导航