CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法

最新推荐文章于 2025-12-01 21:03:28 发布

转载最新推荐文章于 2025-12-01 21:03:28 发布 · 411 阅读

文章标签：

#firefox #ie #css #filter

WEB.CSS 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种CSS半透明滤镜的写法，确保在FIREFOX和IE等不同浏览器下都能正常显示。通过使用特定的属性如filter、-moz-opacity及opacity，实现了跨浏览器的半透明效果。

CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法，记录下来备用：

 程序代码

.test{    
  background:#000;    
  color:white;    
  width:200px;    
  position:absolute;    
  left:10px;    
  top:10px;    
   filter: Alpha(opacity=10);    
   -moz-opacity:.1;    
   opacity:0.1;    
}    

这里关键的是

 程序代码

filter: Alpha(opacity=10);    
   -moz-opacity:.1;    
   opacity:0.1;  
 

这三句,第一句是ie 支持.第二三句是firefox支持的,但是版本不一样就有两种了,所以用时候把三句都加上就行了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

javacookie

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS实现让文字半透明显示在图片上的方法

09-25

标题中的“CSS实现让文字半透明显示在图片上”是一个常见的网页设计技巧，它涉及到CSS层叠样式表的多个属性和技巧。以下是对这个主题的详细说明：首先，要实现文字半透明显示在图片上，我们需要创建一个包含图片和...

CSS滤镜同时过滤文字的问题的解决方法

09-25

同时，还提到了IE特有的滤镜功能并不被Firefox支持，所以在为Firefox优化时可以不使用星号（*）前缀。针对透明滤镜，通常推荐使用CSS3的RGBA颜色模型或者opacity属性，它们可以设置元素的颜色和透明度，而且对所有...

参与评论您还未登录，请先登录后发表或查看评论

CSS 半透明滤镜在FIREFOX和IE下面的能够通用的写法

12-08

445

CSS代码 filter: Alpha(opacity=10); -moz-opacity:.1; opacity:0.1; 这三句中：第一句是ie 支持；第二三句是firefox支持的,但是火狐。版本不一样就有两种了,所以用时候把三句都加上就行了。 滤镜的有效HTML标记： BODY BUTTON DIV IMG INPUT MARQUEE <

转 CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法

weixin_30617561的博客

07-09

CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法，记录下来备用： CSS代码 .test{ background:#000; color:white; width:200px; position:absolute; left:10px; top:10px; filter: Alpha...

完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

u011927449的博客

01-18

223

本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果，之前本人也遇到过这样的问题，就是把一个层设置半透明后，内的文字也跟着半透明了，一直没找到合适的解决办法，今天看到designc...

html背景图片半透明写法,IE6下用CSS使PNG半透明背景图片效果

weixin_30646903的博客

06-03

240

PNG半透明背景图片效果PNG图片在网页设计中扮演着一个很重要的角色，利用PNG图片的特点可以制作出实用,绚丽的效果，可是对于PNG图片的支持却不是很理想，Firefox和Opera对PNG支持的比较好，特别是Firefox浏览器。可是IE却不理PNG,使得设计者无法很随意的使用png图片。IE5.5+的AlphaImageLoader滤镜为通向png提供了一个道路，如果他载入的是PNG(Port...

遮罩层IE8的兼容写法 CSS hack

lanyangy的博客

11-13

1050

遮罩层IE8的兼容写法 CSS hack一、先看看IE8 CSS hack的基本用法二、遮罩层IE8的兼容写法一、先看看IE8 CSS hack的基本用法 IE8 CSS hack 就是在属性后面加上 \9 或者 \0,代码如下： div{ color: orange; color:red\0; /* IE8+ css hack*/ ...

html中如果设置颜色为半透明状态,CSS半透明属性介绍及代码实例

weixin_28730927的博客

05-30

1794

当我们在做网页的时候，有时为了整体页面搭配的美观，需要设置层样式为透明或者半透明，因为透明往往能产生不错的网页视觉效果。在使用的背景的页面中，如果不设置页面内容区为半透明状态，突出不了背景的作用，也显得不那么协调。用传统的CSS实现背景半透明效果的方法是用两个层，一个放文字，另一个做透明背景，但是透明滤镜的效果会影响到里面的内容。如果只需要在IE下实现，是有更简单的方法可以实现的。CSS半透明属性...

只半透明背景不透明文字的CSS写法

04-24

1564

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 只半透明背景不透明文字的CSS写法-懒人建站 #container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); *background:#f00; *filter:alpha

firefox和IE都支持的半透明

程序员成长之路

09-18

400

CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法，记录下来备用： CSS代码 .test{ background:#000; color:white; width:200px; position:absol

PHP背景颜色半透明,html通过css来设置半透明背景

weixin_33730916的博客

03-20

485

Html/Css标签透明度效果的实现,在html中，实现半透明背景，在HTML p+Css编程中，为了实现版透明，通常有3中做法。方法一：第一种是HTML5的透明，在H5中支持透明背景颜色，但遗憾的是，H5中的办透明背景颜色只支持 rgba的写法，不支持16进制的写法如：background-color:rgba(0,152,50,0.7);// -->70%的不透明度 background...

CSS层透明实现方法

09-25

例如，在Safari和Chrome浏览器中，需要添加-moz-前缀，而在Firefox浏览器中，则需要添加-webkit-前缀。在一些老旧的浏览器中，如IE 5.5到IE 8，必须使用filter:alpha(opacity=值);来实现透明效果。 6. 示例代码分析...

CSS 透明度属性

09-25

透明度属性对于网页设计和交互体验有着重要作用，尤其在创建动态效果或者半透明界面时非常有用。 1. `opacity` 属性： `opacity` 是一个标准的CSS属性，它接受0到1之间的小数值，其中0表示完全透明，1表示完全...

Spring Boot中Tomcat配置

2509_94004950的博客

11-29

860

在某些情况下，我们可能需要自定义Tomcat的连接器，以满足特定的安全需求或性能优化需求。这时，我们可以通过编写配置类来实现。@Bean// 可以添加其他自定义配置在这个配置类中，我们创建了一个自定义的Tomcat连接器，并将其添加到TomcatServletWebServerFactory中。通过这种方式，我们可以更灵活地控制Tomcat的行为。Tomcat连接器配置详解在Spring Boot项目中配置Tomcat是一个既简单又复杂的过程。

Tailwind CSS 实战

pan303507479的博客

12-01

657

Tailwind CSS 实战

主题切换（1）：css变量的使用（:root）

Z_Wonderful的博客

12-01

272

:root 是一个伪类选择器，它匹配文档的根元素（即 <html> 元素）。使用 :root 定义 CSS 变量（自定义属性）可以让变量具有全局作用域，方便在整个项目中统一管理和动态调整样式

脚本网页推理游戏