CSS 元素透明
2011-09-28 17:39
155 查看
1、HTML 元素透明
其实本身,CSS 实现元素透明是件容易事儿。直接上代码:
取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 不过 IE 有滤镜,可以帮助我们拐弯抹角地搞定不透明度:
注:事实上会碰到透明背景层,而 opacity 属性是会继承的,避免这个问题,需要结合定位来实现
2、背景图片透明直接上代码:
但碰上 IE6,又悲剧了。在 CSS 文档和页面地址不一致时(比如很多网站会将静态资
源放置于和站点本身不同域的 CDN 服务器上),会导致滤镜引用的图片不可获取。所
以一旦资源跨域,必须保证图片地址为绝对路径。
其实本身,CSS 实现元素透明是件容易事儿。直接上代码:
1. opacity:.5
取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 不过 IE 有滤镜,可以帮助我们拐弯抹角地搞定不透明度:
2. filter:alpha(opacity=50);
注:事实上会碰到透明背景层,而 opacity 属性是会继承的,避免这个问题,需要结合定位来实现
2、背景图片透明直接上代码:
3. _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mangguo.png',sizingMethod='crop');
但碰上 IE6,又悲剧了。在 CSS 文档和页面地址不一致时(比如很多网站会将静态资
源放置于和站点本身不同域的 CDN 服务器上),会导致滤镜引用的图片不可获取。所
以一旦资源跨域,必须保证图片地址为绝对路径。
相关文章推荐
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- 元素背景透明的css设计
- CSS设置元素背景透明,其内的文字不透明
- 谈谈CSS中的元素背景透明问题
- css父块级元素透明,子级元素不透明的方法
- css 设置元素背景为透明
- CSS通过RGBa将一个元素设置为透明效果
- css背景透明子元素不透明
- css实现纯文字内容元素透明背景(兼容IE6)
- CSS实现父元素半透明,子元素不透明
- css 背景透明 元素(标签)背景透明的css设计
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- CSS元素背景透明
- CSS 元素透明
- CSS 元素透明法
- CSS实现父元素半透明,子元素不透明
- CSS 元素透明法
- css 设置元素背景为透明
- CSS常见问题解决002——opacity将子元素都变透明了