手机
当前位置:查字典教程网 >网页设计 > 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实现漂亮tab选项卡切换特效

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

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

把网页变灰色兼容各种浏览器

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

CSS实现同一行的图片和文字垂直居中对齐的方法

css设置body背景图片随内容增加多少

CSS3实现多背景展示效果通过CSS3定位多张背景

CSS如何让背景不能滚动

CSS分页数字放大效果

精品推荐
分类导航