今天遇到了一个问题,要在一个页面中设置一个半透明的白色div。这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数 ...
background: rgba , , ,. 火狐,谷歌等 filter:progid:DXImageTransform.Microsoft.gradient startColorstr ffffff,endColorstr ffffff 兼容IE 第二行的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。 这个 ...
2017-03-20 13:20 0 2767 推荐指数:
今天遇到了一个问题,要在一个页面中设置一个半透明的白色div。这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数 ...
IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的。 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug。 它们的如下: IE filter 的bug 简答评论下这个代码的问题,首先这代码在IE ...
2017.7.5更新: 在处理IE8兼容性问题上,对于背景图片比背景框还大的情况,还需要做一下处理: 根据canius(http://caniuse.com/#search=background-size),background-size兼容性为IE9以及以上浏览器 ...
满心欢喜地写代码,最后测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。 我懂得,IE8还是个孩子,我就加几句你独有的代码让你兼容吧,司空见惯了: 然后发现logo变得十分华丽(奥义·双重logo ...
IE8下,使用background-size适应盒子大小时不兼容,效果如下图: 网上找资料,说添加如下代码可以兼容IE8 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style ...
在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了。 先说说rgba的含义: r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba ...
引入 鱿鱼项目要求要做一个半透明的罩层,而且罩层上有一个类似alert框的div。因为如果用opacity的话,父级有了透明度就会影响子级,所以用rgba()就能解决透明度继承的问题。但问题又来了,rgba()是css3的新属性,所以IE8及以下浏览器不兼容,这怎么办呢?终于我找到 ...
ie8兼容圆角 PIE.HTC下载地址:http://css3pie.com/ 兼容ie8 代码如下: ...