兼容好的css透明代码

   从thinkcss框架中整理出来的CSs透明代码,测试了下,对当前主流的火狐、ie8、Opera以及Chrome的支持都不错,本代码是通过ie滤镜,webkit等属性,很好的解决了各个浏览器的透明问题,相信对大家有用处,以下是代码:

  view sourceprint?1.transparent{

  2 filter:alpha(opacity=50);

  3 -moz-opacity:0.5;/** Firefox 3.5支持opacity属性,所以本行只在Firefox3以下版本有效 ***/

  4 -khtml-opacity: 0.5; opacity: 0.5;

  5}

  6.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

时间: 2024-10-28 17:11:28

兼容好的css透明代码的相关文章

CSS透明属性详解代码_CSS/HTML

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: 复制代码 代码如下: .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}  上面的几个属性分别是:opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera.filter:alpha(opacity=50); 这个是为IE6设

CSS透明属性详解及背景透明继承解决办法hack

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:  代码如下 复制代码 .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=50); 这个

CSS透明属性详解

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值

css透明背景不兼容解决办法详解

css透明是一个技术活,因为这里面涉及到了IE8及以下版本不兼容opacity这个css3属性,而filter:alpha(opacity=80)这个值则是不兼容IE6.网上比较流行的透明css是这样子写的.  代码如下 复制代码 .transparent_class { /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /

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

本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果,之前本人也遇到过这样的问题,就是把一个层设置半透明后,内的文字也跟着半透明了,一直没找到合适的解决办法,今天看到designcss.org有一篇文章解决了这个问题,但有一点,发现在filter前边多加一个星号,多加个星号是为了让IE6和IE7执行,火狐和IE8就不执行了,火狐本身来讲就不支持IE特有的滤镜功能,所以这里没必要再加星号.还有就是不支持 IE8浏览器,经过研究,查阅大量资料,终于找到解决办法了,下面分享出来.

浏览器兼容手册javascript,css

浏览器兼容手册javascript,css javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 问题: 代码中许多集合类对象取用时使用(),IE能接受,FF不能 解决方法: 改用 [] 作为下标运算,例

手机开发必备技巧:javascript及CSS功能代码分享

这篇文章主要介绍了手机开发必备技巧:javascript及CSS功能代码分享,本文讲解了viewport(可视区域)操作.链接操作.javascript事件等内容,需要的朋友可以参考下     1. viewport: 也就是可视区域.对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏.状态栏.滚动条等等之后用于看网页的区域, 这是真正有效的区域.由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个:  代码如下: wi

CSS省略号代码详解

<!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 http-equiv="Conte

简化常用的CSS属性代码,让你的CSS更精简清晰

简化CSS属性代码,可以让CSS文件体积变得更小,读取速度更快,可维护性更高. 下面分别示例最常用的一些CSS属性代码的简化方法: marginmargin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;代码简化为:margin:1px margin-top:1px;margin-right:2px;margin-bottom:1px;margin-left:2px;代码简化为:margin:1px 2px margin-t