本章给大家解析一下IE, FireFox, Opera 浏览器支持Alpha透明的方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。先请看如下代码：代码如下:filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性...
Click on a link above to make the image disappear and re-appear by gradually fading in/out. It uses CSS transparency, in CSS you can set the transparency in different ways. To ensure that it works on most browsers we use all three. opacity: 0.5; This one is the official CSS3 method, at the moment it works in newer Mozilla versions. -moz-opacity: 0.5; This one works in older versions of Mozilla an...
针对浏览器隐藏CSS之独孤九剑 Hide CSS for Browsers我们都知道浏览器之间是有差异的，很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧，“隐藏CSS”就是其中很重要的一种技巧（甚至是最重要的）。这种技巧的主要思想是，用某些方式对某些浏览器隐藏某些重载的CSS规则。这篇文章并不是想教你如何使用这种技巧，它面向的是有一定CSS基础的设计开发者，我假定你曾经使用过某种隐藏...
在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并且，其他非IE浏览器与I...
IE7发布已经有些日子了，因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容，找到了一个解决办法，这里既是共享，也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历，以下代码区分4个浏览器，保存成一个HTML文件看看效果吧：（无标题文档 IE5: YELLOWIE6: GREENIE7: BLUEMOZ: RED [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]特别提醒： #example { background: red; /*For Moz*/ } * htm...
在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对css hack技术很了解的话，那这就是太简单不过了，不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从 赵磊官方博客 引来一篇文章来介绍兼容各个浏览器的技巧。但是你也不要认为只要是浏览器显示出现差错就事浏览器的问题，也很可...
纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮。经测试，兼容IE6，IE7，Firefox浏览器。 CSS代码为： 代码如下:.r1{width:80px;height:80px;background:red;float:right; position:fixed !important; top/**/:200px; position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;} .r2{width:80px;height:80px;background:red;float:right; position:fixed !importan...
今天小雷提到一个ie5下li产生空白行距的问题，下面来测试一下。 新建一个简单的HTML测试文件，下面来测试ul li标签。 代码如下:<ul> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> </ul>测试一，定义css为如下代码，效果如下： body{font-size:12p...
CSS 兼容要点： 1、 DOCTYPE 影响CSS 处理 。 2 、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行。 3 、FF: body 设置text-align 时, div 需要设置margin: auto(主要是 margin-left,margin-right) 方可居中。 4 、FF: 设置padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width。 5 、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样...
自从互联网开始的那一刻起，各浏览器间的争斗就没有停止过。当然其中最苦的就是网页制作人员了，为了达到用户体验以及可用性的标准，不得不在多个浏览器上为统一效果而奔波。真希望哪一天FF可以一统天下，虽然现在还是IE的大天下。特别是微软最新发布的IE7浏览器，其CSS的兼容性确实给一些网页制作人员又添加了一个沉重的新负担。 为了让各浏览器有同样的显示效果，我们不得不用到CSS HACK。当然在这篇文章中我们只谈现在使用率最高...
代码如下: function SetCwinHeight(){ var bobo=document.getElementById("bobo"); //iframe id if (document.getElementById){ if (bobo && !window.opera){ if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){ bobo.height = bobo.contentDocument.body.offsetHeight; }else if(bobo.Document && bobo.Document.body.scrollHeight){ bobo.height = bobo.Document.body.scrollHeig...
在下不才，归纳几点html编码要素，望能指点各位：1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。 2.ff下容器高度限定，即容器定义了height之后，容器边框的...
代码如下: 列表一 列表二 列表三 我们希望实现li是浮动的，并且居中的（li个数不固定，ul宽度未知）。可以设置ul的text-align:center,再设置li的display，可以实现居中，但这样不是我们的初衷，我们需要实现float:center。 这里我们得先重温一下position:relative，它将依据left，right，top，bottom等属性在正常文档流中偏移位置。那我们可以让ul为position:relative;left:50%，然后再让li像左浮动，在让它position:relative;r...
屏蔽IE浏览器（也就是IE下不显示） 代码如下:*:lang(zh) select {font:12px !important;} /*FF 可见，特别声明：由于Opera最新的更新，此句目前已经成为FF的专用HACK*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别 代码如下:*+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。IE6及IE6以下识别 代码如下:* html {…} 这个...
但是 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，注意到 Safari 中的 宽度是已设定字符的空格宽度（Safari 的默认字体为 Times），也就是说一个中文字符需要两个占位符。 具体情况如下图所示：其实，这不是 Safari 的问题，而是字体的问题。解决的方式就是使用下面的属性 font-family: 宋体;将 Safari 的默认字体设置成“宋体”等中英文等宽的字体，就能解决。Window...