兼容各浏览器且效果一致，有两种方法：一、使用 opacity + Alpha Filter其实见到这个的时候，我们的第一想法当然是 background + opacity，在不支持 opacity 的 IE 再使用 filter 的 alpha 滤镜来实现。但是如果仅仅只是如此，这个最外层，最内层和文字，都被设置了 opacity（alpha 也是使用 opacit
转载
2024-03-20 19:55:37
52阅读
img{ /*不用透明 filter: Alpha(opacity=50); -moz-opacity:.5; opacity:0.5; */}
原创
2023-04-10 10:38:37
28阅读
IE背景半透明 文字文字 =======================签 名 档======================= 原文地址（我的博客）：http://www.clanfei.com/2013/07/1714.html 欢迎访问交流，至于我为什么要多弄一个博客，因为我热爱前端，热爱网页，我更希望有一个更加自由、真正属于我自己的小站，或许并不是那么有名气，但至少能够让...
转载
2013-08-03 21:55:00
218阅读
2评论
之前做了个半透明弹层，但设置背景半透明时，子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻，在这里做一些总结，方便以后使用。
背景透明，文字不透明的解决方法：
为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-index设置到最底部，达到背景半透明效果。
使用CSS3新属性rgba。
实现透明的方法
转载
2021-08-05 15:27:54
6441阅读
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外...
原创
2022-05-31 15:10:30
517阅读
以背景黑色，透明度0.5举例 非IE：background:rgba(0,0,0,0.5);IE：filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); PS：#7f000000 其中7f是透明度0.5转换成16进制的数值，000000是黑色的16进制数值具体数值转换可以参考http://blog.csdn.net/Phoebe0549/article/details/8926825 我个人认为这个写法是最好的，无需单独定义背景层，代码精简，本人一直在用.
转载
2013-07-03 21:02:00
152阅读
2评论
当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug 程序代码 多了一只猪 ↓这就是多出来的那只猪 可以通过以下的办法来解决： 1、不放置注释。最简单、最快捷的解决方法 2、注释不要放置于2个浮动的区块之间。 3、将文字区块包含...
转载
2009-02-28 14:37:00
73阅读
2评论
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6 下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透 明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就 需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这
转载
2013-12-09 22:18:00
696阅读
2评论
1 .rowhidden {/*文字超过行宽后，自动隐藏*/2 display:block;white-space:nowrap;overflow:hidden;3 -o-text-overflow: ellipsis;/**//* for Opera */4 text-overflow:ellipsis; /**//* for IE */5 }6 .wra
转载
2010-05-20 14:59:00
102阅读
2评论
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办 此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增...
原创
2013-10-14 06:23:48
224阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ht
原创
2022-04-24 09:34:58
454阅读
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这样写的
转载
2014-03-25 21:38:00
813阅读
2评论
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ht
原创
2021-07-28 11:42:52
331阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>
原创
2021-07-28 11:44:21
259阅读
图片.png<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>
原创
2022-04-24 09:36:34
175阅读
方法一：css控制
#head{
width:966px; height:116px; margin:auto; margin-top:15px; background:url(../p_w_picpaths/head.png); position:relative; /*自行修改图片路径*/
background-repeat:no-repeat;
_background:none;
原创
2011-08-27 11:57:24
876阅读
兼容IE,Firefox,CSS3 opacity透明度
div.transp { /* make the div translucent */ opacity: 0.6;
转载
精选
2012-02-13 11:57:54
568阅读
