-
<!DOCTYPEhtml>
-
<htmllang="en">
-
<head>
-
<metacharset="UTF-8">
-
<title>
-
IE背景半透明
-
</title>
-
<styletype="text/css">
-
.alpha{
-
width:100px;
-
height:100px;
-
color:#fff;
-
background:rgba(0,0,0,.3);
-
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#50000000,
endColorstr = #50000000)\9;
-
}
-
:root.alpha{
-
filter:none;
/*for IE9*/
-
}
-
</style>
-
</head>
-
<body>
-
<divclass="alpha">
-
文字文字
-
</div>
-
</body>
-
</html>
=======================签 名 档=======================
原文地址(我的博客):http://www.clanfei.com/2013/07/1714.html
欢迎访问交流,至于我为什么要多弄一个博客,因为我热爱前端,热爱网页,我更希望有一个更加自由、真正属于我自己的小站,或许并不是那么有名气,但至少能够让我为了它而加倍努力。。
=======================签 名 档=======================
分享到:
相关推荐
CSS代码实现背景透明而文字不透明,兼容支持火狐、360、谷歌、IE6-IE11等浏览器
在某些情况下可能会需要背景半透明文字不透明这样的效果,实现起来并不复杂,通过滤镜便可做到,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
本文介绍了css实现背景半透明文字不透明的效果示例,分享给大家,具体如下: 效果如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style...
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持 rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明...
IE6是大家都十分头痛的一个浏览器,为了兼容它,一个很小的项目就可以浪费你很多的时间和精力,最简单的有margin、padding,最难的那就不知道了,今天在这里做了一个滤镜的效果,实现chrome和FF的滤镜很简单,但是要...
主要介绍了纯css实现背景图片半透明内容不透明的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
css 背景半透明最佳实践css 背景半透明最佳实践css 背景半透明最佳实践css 背景半透明最佳实践
css背景色透明,内容不透明的解决方法,兼容所有浏览器,大家运行看效果吧
主要介绍了CSS3实现背景透明文字不透明的示例代码的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
一款精美的css3半透明遮罩背景lightbox图片展示特效,这个lightbox效果共有三种展示图片的效果:渐隐效果,淡入淡出效果和全屏放大在缩小效果。
模仿懒人图库二级导航,纯css二级导航 兼容ie6欢迎下载
主要介绍了CSS实现背景图片透明而文字不透明效果的两种方法,需要的朋友可以参考下
1、半透明背景,内容不透明 2、兼容ie6、7、8,chrome、firefox,若有其他兼容问题请告知,跪谢 3、独立背景浮动,不涉及父级和内容层
div+css设置html底部自适应窗口,内容少时bottom在窗口底部,内容多时被撑到最下方。
兼容ie6、ie7、ie8、ie9、Chrome、Firefox等主流浏览器,轻量简洁容易上手使用,是web开发、学习的必备之选。