CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 对高度的解析 IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度 Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使...
最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有padding值。【下图中的第二第三例的对照可以看出】 在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置...
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">点击这...
1.加clear空div .clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-mac */ .clearfix { display: block; margin: 0px; clear: both; padding: 0px; visibility: hidden; background-color:#666666; border:0px none #FFFFFF; } .cle...
web开发人员关心的IE7和IE8共存的问题其实可以很好的解决。解决方案一：在浏览器右上角有一个“模仿IE7”的切换按钮，但有点麻烦，需要关闭浏览器再重新打开才可以。 解决方案二：在IE8自带的“开发人员工具”中，点击查看选择striet(Internet Explorer7)，既可以不重新启动浏览器观看IE7下的效果。可以只提供IE5/7/8三种，并没有IE6模式，还好我有" href="http://tredosoft.com/Multiple_IE" target="_blank">Multiple-IE。 解决方...
虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题： 一、样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标 可以通过例一到例六来了解最常见的情况。 如果想整个body都出现失去光标，可以设置html和body两个容器，请看示例。包括举例的overflow:auto在内能引起该Bug的overflow属性共有： overflow:auto...
其实建议用css控制超出隐藏显示也就是标题因为设计的宽度问题所以没有显示全，看样子是使用程序来截字的。我想很多网站都遇到这样的情况。为了视觉效果不得不进行截字显示以满足网站的整体视觉效果。通常我们采用截字的方法是两种，一种是通过后台输出时来事先设定一定的字符数量。另一种是通过CSS或是JS来对已经输出的完整的内容进行视觉剪截。 在网页标准没有兴起的时候基本上是采用第一种方式来解决这个问题，直到现在这种方式依...
第一次遇到这样的问题，就是定义div的边框有部分却显示不了。而在firefox里却是一切正常，该死的ie，太过分了。 代码也没有问题，查了好多资料，还百度了许多网站，在blueidea里也没有找到解决办法。后来在台湾的一个网站上发现了一个很几的解决办法： 如下： 左右两边的边框就是不显示，气不死你~~郁闷， css是： 代码如下:#divproject { margin-top: 5px; border: 1px solid #0099CC; } 后来按照那个网站的介绍，在里面加...
div被select遮挡的解决方法——脚本之家 <br>(this.nextSibling.offsetWidth);height:expression <br><br>(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression <br><br>(this.nextSibling.offsetLeft);" frameborder="0">
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 3. 确定错误发生的位置 如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误...
基本上快被这个问题搞疯了，症状如下症状描述：在ie下（6或7，8没有试过）当出现中英文混排，都采用默认字体时，并使用 li 列表做float时，会出现如上图的症状，文字排列上下不对齐的情况。影响了布局的美观性，造成上图情况的原因是中英文的文字基线不同，arial字体的下边缘要比宋体（同为12号）低一个象素，上边缘比宋体矮两个象素，而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时，就会出现明显的高度差异，使...
ff下面 代码如下:background-image:url("main_bg.gif"); background-repeat: repeat-y; 必须指定height才能显示 但是，大多数情况下都是动态高度于是 设置下面的即可 代码如下:overflow:auto;
其实解决办法很简单，是从网上看到的，在弹出的层里加入即可解决： -------弹出的层 aaaaaaaaaaa --------------本页面
原来在<a name="jb51"> 和<span id="jb51">是冲突的，唉弄了好一会，郁闷 临时解决方法就是在后面的id中加了一个2，就是<span id="jb512">解决方法用到的核心代码如下 下面的代码放到页面的最下面即可 <script language="javascript"> var url=location.href; var urlarr=url.split("#"); var theid=urlarr[1]; document.getElementById(theid+"2").style.color="yellow"; </script>
今天去一老外站看到了这他站上的十分平滑但却没有js，好奇，原来。。巧妙啊，分享下，相对而言比较节省资源。但效果好，使用方便，兼顾w3c。哈哈 代码如下: ie-stuff.css 代码如下:#footer { position: absolute; bottom: auto; clear: both; top:expression(eval(document.compatMode && document.compatMode==CSS1Compat) ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.bod...