1、IE6双边距问题?
<wbr><wbr><wbr> 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG<br>
例如:<br>
<style type="text/css"><br>
body {margin:0}<br>
div { float:left; margin-left:10px; width:300px; height:300px; border:1px solid red; }<br>
</style><br>
因为加上浮动后就会多出一倍的边距,浮动后本来外边距10px,但IE6会解析成20px,只需要在div的样式里加上display:inline;就可以解决以上问题。</wbr></wbr></wbr>
<wbr></wbr>
2、为什么中火狐浏览器下文本无法撑开容器的高度?
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px;<wbr>这里为了照顾不认识min-height的 IE6<wbr>可以这样定义:</wbr></wbr>
div<wbr>{<wbr>height:auto!important;<wbr>height:200px;<wbr>min-height:200px;<wbr>}<wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<wbr></wbr>
3、如何定义1px左右高度的容器?
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden<wbr>|<wbr>zoom:0.08<wbr>|<wbr>line- height:1px</wbr></wbr></wbr></wbr>
<wbr></wbr>
4、为什么web标准中无法设置IE浏览器滚动条颜色了?
原来样式设置:
<style<wbr>type="text/css"><wbr><wbr><br>
body<wbr>{<wbr>scrollbar-face-color:#f6f6f6;<wbr>scrollbar-highlight-color:#fff;<wbr>scrollbar-shadow-color:#eeeeee;<wbr>scrollbar-3dlight-color:#eeeeee;<wbr>scrollbar-arrow-color:#000;<wbr>scrollbar-track-color:#fff;<wbr>scrollbar-darkshadow-color:#fff;<wbr>}<wbr><wbr><wbr><br>
</style></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<wbr> 解决办法是将body换成html</wbr>
<wbr></wbr>
5、怎样使一个div层居中于浏览器中?
<style<wbr>type="text/css"><wbr><wbr><br>
div<wbr>{<wbr><wbr><wbr><br>
position:absolute;<wbr><wbr><wbr><br>
top:50%;<wbr><wbr><wbr><br>
left:50%;<wbr><wbr><wbr><br>
margin:-100px<wbr>0<wbr>0<wbr>-100px;<wbr><wbr><wbr><br>
width:200px;<wbr><wbr><wbr><br>
height:200px;<wbr><wbr><wbr><br>
border:1px<wbr>solid<wbr>red;<wbr><wbr><wbr><br>
}<wbr><wbr><wbr><br>
</style><wbr><br>
这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<wbr></wbr>
6、firefox浏览器中嵌套div标签的居中问题的解决方法
假定有如下情况:
<div<wbr>id="a"><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><div<wbr>id="b"><wbr></div><wbr><wbr><br>
</div><br>
如果要实现b在a中居中放置,一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常;但是在Firefox中b却会是居左的。<br>
解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为:margin:<wbr>0<wbr>auto;。</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<wbr></wbr>
7、超链接点击过后hover样式就不出现的问题?
被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序:<wbr>L-V-H-A</wbr>
(link-visited-hover-active)<wbr></wbr>
8、.img 下的留白,大家看这段代码有啥问题:
<div>
<img src=”" mce_src=”" />
</div>
把div的border打开,你发现图片底部不是紧贴着容器底部的,是img后面的空白字符造成,要消除必须这样写
<div>
<img src=”" mce_src=”" /></div>
后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案:给img设定 display:block。
<wbr></wbr>
9、怎么样才能让flash透明显示在层上面之上呢?
<div class="banner" style="background:url(../images/ad.jpg);width:1108px;height:72px;
overflow:hidden; ">
<EMBED align=right src="../images/3.swf" width="1108" height="72"<wbr> type=application/octet-stream<br><wbr> wmode="transparent"quality="high"<wbr> ></EMBED><br>
<EMBED align=left src="../images/95.swf"<wbr><wbr> width=1108 height=72<wbr> type=application/octet-stream<br><wbr>wmode="transparent"quality="high" ></EMBED><br>
</div></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
宽和高一定要和层的一样
10、为什么FF下文本无法撑开容器的高度?
<wbr><wbr><wbr><wbr> 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:</wbr></wbr></wbr></wbr>
div { height:auto!important; height:200px; min-height:200px; }
<wbr>11、IE6断头台问题</wbr>
<div id="layout">
<div id="left">
<p>从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了</p>
</div>
<a href="#">链接1</a>
<a href="#">链接2</a>
<a href="#">链接3</a>
<a href="#">链接4</a>
#layout{width:400px; border:5px solid #d4ca25;}
#left{width:200px; float:left;border:5px solid #35bb0c;}<wbr></wbr>
当网页打开的时候页面显示正常,但鼠标指向右面对象“链接3”以及“链接4”的时候,主对象#layout下面被切掉,剩下的高度刚好是4个链接的高度。当鼠标再回到“链接1”,左侧的高度又恢复,
解决方法:把四个链接用<div id=right></div>包起来,给#right{floatleft;}
分享到:
相关推荐
省市县选择器,支持 ie6/7/8 和火狐
CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ /> <...兼容IE6/IE7/IE8/火狐—下拉菜单select样式设置</title>
css,ie浏览器和火狐浏览器的兼容问题……
火狐与IE浏览器之间的一些差别收集 一、IE与FireFox的js和css 二、IE6/IE7和Firefox对Div处理的差异 三、CSS完美兼容IE6/IE7/FF的通用方法
JavaScript解决预览上传问题,目前支持IE7、IE8、火狐浏览器; 上网查找了大量资料,然而能用的代码却寥寥无几;竟然弄出来了,就共享给大家。
虽然可以在ie6,ie7,火狐预览、但在谷歌浏览器还是不行、哪位高人要是有更好的办法浏览、能否交流交流. qq:253930407 email:ruanjingwang@yahoo.com.cn
如何让你写的代码更兼容火狐和IE...本文将总结总结CSS中火狐浏览器与IE浏览器的兼容代码,兼容你兼容主要是语法规范问题,你写CSS写规范了,就都兼容了,其他的就是一些浏览器的BUG了,发一些技巧给你看看,或许有用。
IE6、7、8,火狐等浏览器常见兼容性问题整理
IE浏览器和火狐浏览器兼容问题有部分js
IE与火狐浏览器兼容方案 英文版本,比较简单
Calendar 日历控件 兼容IE6 兼容IE8 兼容IE9 兼容火狐 兼容谷歌
让你的CSS能兼容IE Firefox的一些技巧。解决IE一些诡异的Bug
火狐与IE浏览器兼容代码 这是其中一个,我觉得很不错的。 原理:采用innerText 或者 innerHTML
CSS完美兼容IE6/IE7/FF的通用方法 一、CSS HACK 以下两种方法几乎能解决现今所有HACK.
火狐浏览器火狐浏览器火狐浏览器火狐浏览器
IE浏览器和火狐浏览器兼容问题.doc