1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： #1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#3...
在蓝色上看到这篇文章的，感觉作者总结的不错，至少有些偶自己也没有真正的认识过。这些 东西的确是应该好好总结一下的，可惜偶这人比较懒，收藏整理于此，便于自己学习！ 1.firefox不能对innerText支持。 firefox支持innerHTML但却不支持innerText，它支持textContent来实现innerText，不过默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替。 2.禁止选取网页内容： 在IE中一般...
今天小雷提到一个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...
Firefox返回时Iframe的显示Bug的解决方法_经验交流<script type="text/javascript">//<![CDATA[ if(getCookie(firefoxIframe)){ document.write(<p id="addAd"><a href="cookie.html">点击这里删除这个iframe</a></p>); document.write(<iframe height="120" width="300" marginheight="0" marginwidth="0" frameborder="0" src="nAdPre.swf"></iframe>); }else{ document.write(<p id="addAd"><a href="cookie.html">点击这...
区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但...
代码如下: 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...
虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题： 一、样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标 可以通过例一到例六来了解最常见的情况。 如果想整个body都出现失去光标，可以设置html和body两个容器，请看示例。包括举例的overflow:auto在内能引起该Bug的overflow属性共有： overflow:auto...
ff下面 代码如下:background-image:url("main_bg.gif"); background-repeat: repeat-y; 必须指定height才能显示 但是，大多数情况下都是动态高度于是 设置下面的即可 代码如下:overflow:auto;
IE直接用:word-break:break-all; /*允许词内换行*/ word-wrap:break-word; /*内容将在边界内换行*/ /*需要注意的默认是：*/ word-wrap:normal /*允许内容顶开指定的窗口边界*/ 而firefox却没有很好的实现办法 ，一个折中方案就是使用滚动条，但网上也提出了一种用js来判断换行的办法，这里摘录下(转自网络，特此说明)。 JavaScript 输出上面的 XML/HTML 输出。代码未经测试，偶只看了思路，有需要的自己去调试...
今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。 代码如下： .Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; zo...
页面中有一个数据列表，是table，放在一个div窗口中，结构如下： 代码如下: ....列表数据.... 给 container 设置了样式 #container {width:100%; margin:10px;} 给 grid 设置了样式 #grid {width:100%} 测试结果在IE中正常，在 Firefox 下 container 的实际宽度会超过100%而出现横向滚动条,因为Firefox把margin算进了宽度，实际等于100%+20px>100%。 当然可以去掉div的margin定义，改用body的padding来设置，但是页面中有其他内...
为什么要翻译这篇说明？css2本有人已翻译过，但看一下，很粗糙（不是说自己就怎么怎么样啊，翻译者真的是很值得敬佩的！），近来跟css与xhtml接触得越来越多，但接触得越多，迷惑却总不见少。 现在我觉得很多问题根本不能称之为问题，原因就在于我们的草率理解，比如杀鸡用牛刀，不是不可以，是不合理、不恰当，根源错了，表象也就会错了，如果解决问题从表象入手，难免总会摸不着头脑，还是那句话，要脚踏实地，切莫浮躁。 在这个...
在ie下设置 css 样式 style="cursor:hand;" 可以正常显示 但是在firefox下就不行 改用 style="cursor:pointer;" 则在两个浏览器下都能正常显示 但只适用于IE6.0及以上版本以及FIREFOX，在IE5.0下不能显示成手
后查具体情况概述为：firefox+table rowspan+border+border-collapse:collapse; 表现情况是：第一行与最后一行正常，其余的中间行，全部都与预期的border不同。 先看示例吧：Rank's HTML document* {font-size:15px;text-decoration:none;} td {border-top:1px solid #000}第一列 第二列test 第一条中间没有横线 testtest 可爱的firefox让我们看到了两条线 testtest 可爱的firefox让我们看到了两条线 testtest 可爱的firefox让...
纯CSS的下拉菜单 支持IE6 IE7 Firefox *{margin:0;padding:0;} .menu{font-size:12px;position:relative;z-index:100;} .menu ul{list-style:none;} .menu li {float:left;position:relative;} .menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;} .menu table {position:absolute; top:0; left:0;} .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} .menu a{display:block;border:...