兼容各个浏览器透明背景写法

最新推荐文章于 2022-05-07 14:30:35 发布
最新推荐文章于 2022-05-07 14:30:35 发布
阅读量411 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010278749/article/details/41378923
版权

background:#000; 

width:640px; 

height:36px;

filter:Alpha(opacity=50);
opacity: 0.5; /*Chrome、Safari、Firefox、Opera */ 
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE6/IE7/8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /*  IE8 */
css兼容浏览器的各种背景渐变
css兼容浏览器的各种背景渐变
11-25 1092
需要兼容各浏览要注意的是:必须加上浏览器的私有前缀。否则一般都是不生效的，浏览器的私有前缀主要是解决不同浏览器的兼容性问题 webkit 谷歌浏览器 安卓 moz 火狐浏览器 o opera浏览器 ms ie浏览器 首先来个简单的也最常见的隔行变色， 代码实例： background: -webkit-linear-gradient(#1E66B8,#1E66B8 50%,#CF19C9 ...
css 透明度的设置兼容所有浏览器
12-09
复制代码代码如下: .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} UPDATE: I wanted to pull this post out of the archives and update it a bit because it there seems to be a good amount of interest in this subject. Here is what each of those CSS properties is
CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
09-25
使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明，而IE6/7/8浏览器不支持 rgba，关于这个问题，下面有个不错的解决方法，需要的朋友可以看看
CSS实现背景透明，文字不透明，兼容所有浏览器
weixin_34262482的博客
03-19 378
  重点内容入口： IE6和部分IE7内核的浏览器会读懂rgba IE专属滤镜 filter:Alpha的兼容处理 背景透明，文字不透明全兼容方案 测试浏览器： VirtIE6、虚拟机下XP的IE6、纯正IE8、纯正IE8下QQ浏览器、WIN7下的IE 9.0.32 、WIN8下的IE 10.0.21、chrome 38.0 、QQ浏览器8.0-IE10.0.5、safari ...
CSS透明与兼容不同版本浏览器写法
weixin_43263240的博客
02-18 371
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>透明度</title> <style> *{margin:0;padding:0;} .function1{ width:200px; height:200p...
实现背景透明的方法，兼容ie6/7/8等浏览器
web开发
08-08 295
今天登录支付宝，发现支付宝首页首页改版了，给人一种清新，自然，简洁的感觉，另外发现支付首页的登录界面用的一种半透明的背景，刚开始以为是用的rgba方法，但是发现在ie6、7、8中登录界面的背景也是同样的半透明形式，于是研究了一下代码样式，然后自己写了一个例子，用来跟大家一起分享学习。 主要运用了rgba和filter技术： html 代码如下： &lt;div class...
多个浏览器透明度设置
12-11
但是，考虑到仍有一部分用户可能会使用较旧版本的浏览器访问网站，所以在一些严格要求兼容性的场合，还是建议使用上述的兼容性写法。 在实际开发中，透明度的设置不仅可以单独作用于单个元素，也可以用于整个页面的...
CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
09-25
本文将详细介绍如何创建一个垂直渐变，从红色渐变到半透明的蓝色，并在不支持Opera浏览器的情况下兼容其他主流浏览器。 首先，我们来看一下IE浏览器的解决方案。由于IE使用的是滤镜（filter）技术，因此我们需要...
IE6兼容png24透明滤镜写法 图片路径是以页面为基点
09-25
在早期的Internet Explorer 6（简称IE6）浏览器中，PNG-24图像的透明特性并未得到很好的支持，导致在网页设计中使用这种格式的图片时会出现不透明的背景。为了解决这个问题，开发者们利用了IE6特有的滤镜功能，即`...
透明样式，兼容全浏览器的css写法如下
zhuyu19911016520
05-24 1270
.opacity{ filter:alpha(opacity=40); opacity:0.4; }
兼容各大浏览器CSS透明方法
yefengkk的专栏
08-16 1196
直接使用jQuery设置CSS透明度更直观更容易实现，因为在所有浏览器代码都一样，并且你不必担心在IE下元素是否“haslayout”：   $(“#myElement”).css({ opacity: .4 }); // 所有浏览器有效 您也可以使用一下jQuery代码使一个
HTML透明文本,CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
weixin_39620151的博客
06-15 221
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持 rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点(文本节点除外)内设置 position:relative才能不继承其父元素的透明滤镜，代码如下：复制代码代码如...
背景透明兼容各大浏览器的方法
web前端开发博客
07-19 940
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...
css设置透明（各浏览器兼容）
甘越的博客
05-07 544
.demo{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
兼容所有浏览器的背景半透明方式
For The Future
07-18 1228
#testdiv { background-color:#FFF; background-color:rgba(255,255,255,0.7); filter: Alpha(Opacity=70); } 注：对于ie8以下的版本会使得#testdiv中的控件也半透明，而对于其他浏览器则是显示正常。
css透明度的设置 （兼容所有浏览器）
mentalitys的博客
05-24 3539
.tran_class { filter:alpha(opacity=50); //IE -moz-opacity:0.5; //firefox -khtml-opacity: 0.5; // opacity: 0.5; //Chrome }
基于springboot+Web的毕业设计选题系统源码数据库文档.zip
最新发布
11-18
基于springboot+Web的毕业设计选题系统源码数据库文档.zip
CSS浏览器兼容性完全指南
这样的写法可以使其他浏览器使用`min-width`和`min-height`，而IE则使用`width`和`height`。 6. **透明度兼容**： CSS3的`opacity`属性在IE8及以下版本不支持，可以使用滤镜`filter`： ```css .transparent { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值