ddgw.net
当前位置:首页 >> Css3背景透明兼容iE >>

Css3背景透明兼容iE

css设置透明度,首先需要知道的是在浏览器中的不同使用,一般在ie中用的是filter:alpha(opacity=0);这个属性来设置div或者是块级元素的透明度,而在firefox中,一般就是直接使用opacity:0,对于兼容的,一般的做法就是在书写css样式的将2

ie6下的完全透明,直接使用transparent就能全部兼容.bg{background:transparent;}2、只有半透明才需要用到filter滤镜来处理..bg{ background: #000000; filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */ position:static; /* IE6、7、8只能设置position:static(默认属性) ,否则会导致子元素继承Alpha值 */ *zoom:1; /* 激活IE6、7的haslayout属性,让它读懂Alpha */}

兼容IE6,IE7,IE8的元素背景渐变<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>CSS 实现元素背景渐变</title> </head> <body> <style type="text/css"> .demo { width:100%; height:200px; background: -webkit-gradient(linear, 0 0,

这个我有方法.全部都可实现透明.IMG形式的会透明. 背景PNG也透明.联系我.

背景色透明可以使用filterfilter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);其中startColorstr=#88000000 ,前两位是透明度( 00-FF),后六位是色值.这也是ie下面颜色渐变的写法,start和end的颜色不一样就是渐变了.

css中设置IE8及IE更早版本{filter:Alpha(opacity=50) ; //opacity值为0 到 100}兼容CSS3的浏览器设置:{opacity:0.5 ; //值是0 到 1.0}

那你就用jquery 设置opacity的值就行兼容没问题

FF、CH、OP、IE9、10都是可以的,用css3的rgba(但是你得放弃IE8以下的效果)要兼顾IE6-8的话,两个办法:1.不用透明度,用半透明的png图片做背景(IE6不支持png背景透明度,用dd_png.js可以很好解决这个问题)2.用透明度,但内容和透明的背景实际上不是父子关系,而是单独的两个层,一个层设置透明度,内容那个层用定位放到有透明度那个层上面去重叠

首先确定你电脑上的IE版本.360是基于电脑版本的IE其次,你的问题没有说清楚是图片透明,还是代码透明兼容如图片的是png半透明代码的是滤镜透明最后,如果是图片透明,非平铺的png透明不需要JS.background:url(../images/logo.png)

ie6现在很少会用png做透明了,最好还是用flash透明,这样会兼容很多版本, 现在大多都升至ie7了,ie8也马上就发部了, 考滤一下下板本的吧,多使用一下flash文件也小,比png好做兼容! 或是到别的使用png的网站上提取一下他的透明方法代码!

网站首页 | 网站地图
All rights reserved Powered by www.ddgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com