DIV+CSS 在IE6和IE8的兼容问题。
发布网友
发布时间:2022-04-30 16:03
我来回答
共4个回答
热心网友
时间:2022-04-20 20:19
DIV+CSS解决IE6,IE7,IE8,FF兼容问题
我搜了一个,这里只说现在主流的几个,(IE6,IE7,IE8,FF)其它的先不管
1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了
<meta http-equiv="x-ua-compatible" content="ie=7" />
2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如
margin-left:10px !important;/*IE7,IE8,FF下是10PX*/;
margin-left:5px;/*IE6下属性写的是5PX,但在显示出来的是10px
3.清除块display,这个可以解决浮动造成的块,造成块后,当DIV背景填色或填图片的时候,会出现背景断开或差一小块。这种兼容出现的不太多,我做到现在,只遇到过两次,方法是在出现兼容的DIV的CSS中写一个display:block,或其它属性,中文什么意思我不知道,我英语差,但能达到想要的效果,6 e" Z+ e% |8 G# |
4.很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好了,但是在FF出问题了,用!important又会把IE7做的不兼容,很头疼,在想,有没有什么方法只对FF下进行操做,我用过这个方法,感觉得是百试不爽,就是在属性前面加符号如:*、&,¥,#,@,—,+,加过符号的属性只有IE的浏览器才识别,而FF不识别,方法如下(注意有符号的属性和没符号的属性的顺序)
height:100px;/*FF下显示100的高*/
+height:120px;/*IE678下显示120高*/
5.有时候,会在布局的时候,发现,有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现,解决的办法就是清除一下浮动,在设置过浮动的那个DIV下面加一个DIV,CSS面写个clear:both;如下<div style="float:left;height:100px; width:500px;">
<div style="clear:both;">
<div style="height:100px; width=300px">
6. 再就是居中问题,这个问题在新手身上很多,主要原因是对盒子模型不够理解,没熟记盒子模型,如果发现你的页面没有局中,我现在知道的,有这几个原因:1. 一个是没盒子,就是BODY后的一个大DIV把所有DIV装起来的那个,你没写。2.就是你写了,但是宽度没用绝对宽度:而是用一个相对的宽度,想局中,必须用绝对宽度。-
7.扩展:如果我想在设计的时候,实现IE6,IE7,FF下出现三种不同的效果,比如IE6下背景红色,IE7下蓝色FF下绿色,这里,我自己试过,可以,用兼容的方法(注意顺序,可以好好理解一下)。7 L& t- o7 k- a1 I
background:red;/*FF里显示的红色*/
+background:blue !important;/*IE7下面显示的蓝色*/
+background:green;/*IE6下面显示的绿色*/
在这里,我想说一下,虽然兼容给你带来很多郁闷,让人心烦,但同时,在你做多了后,你会发现,兼容有时候会满足你很多不好达到的效果,就像最后一个,要做那种效果,不用兼容的方法,那你就JS去吧,JS还得想想FF和IE下的不同,当然,JS的兼容,我也不会,我没去研究过。以后的事,先把CSS+DIV学熟再说。
多做,做练,始终把盒子模型放在心中,才会熟练,才会运用自如,才会在做的时候,自然而然就知道哪里会有兼容问题,直接在测试前就解决掉那些最常见的兼容问题。
热心网友
时间:2022-04-20 21:37
你把你写的 发给我看下吧 我给你解决 复制那些没用的 没什么效果 qq258949722
热心网友
时间:2022-04-20 23:12
首先,调试浏览器兼容性问题的顺序为:FF——>IE8——>IE7——>IE6(我们公司只做FF和IE的兼容,所以我只说这些的。)
大致情况下,FF不出问题,IE8就没有问题了。
区分IE6,IE7,IE8的代码为:
.classname{
color:#f00 \9; /*符号\9为IE6,IE7,IE8可以识别,即区分IE和非IE浏览器*/
* colo:#0f0; /* 符号“*”只有IE7和IE6可以识别*/
_ color:#00f; /*符号“_”只有IE6可以识别*/
}
注意书写顺序,就可以区分出来IE8,IE7,IE6!!!
但是,代码写的好的话,一般只有IE6需要调整,即一般只会用到符号“_”
废话不多说了,希望对您有所帮助。
热心网友
时间:2022-04-21 01:03
他们有多重兼容问题,不知道你说那种
DIV+CSS 在IE6和IE8的兼容问题。
DIV+CSS解决IE6,IE7,IE8,FF兼容问题 我搜了一个,这里只说现在主流的几个,(IE6,IE7,IE8,FF)其它的先不管 1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="i...
我用CSS+DIV做网页的时候用的是IE8 显示的很正常,到了IE6就乱套了~
这就是浏览器的兼容问题,你拿到谷歌、火狐下浏览可能又会不同。这不是一两句代码就能解决的问题,你是初学者吧,你百度下CSS浏览器兼容,学学知识吧!学会用HACK,但最终HACK不是办法!!你用的是IE7,只要你下面这句话加在头部,IE8就正常了,以后就不用考虑IE8了,只考虑IE6就OK <meta http...
DIV+CSS排版 的显示问题 懂得入
如果写的结构或样式有问题,或出现不兼容尤其是IE6/7/8
如何解决IE6、IE7、IE8、Firefox的CSS兼容性问题!详细说下谢谢了...
4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidde...
为什么我在div里画了一根线在ie6里面会变成原来的4倍啊。在ie8,ff是...
1px;width:100px;border:1px red solid};那么在ie6中的高度肯定是12px;而在其他浏览器中是1px(当然是不算border的情况下,如果算上border那就是3px);如果想要达到兼容解决的办法是{height:1px;width:100px;border:1px red solid;overflow:hidden;};只要在里面加个overflow:hidden;就行了 ...
E6/IE8/FF对div+css的不同,在IE8中好好的,在IE6中就不行了。
不知道你贴出来这么长的css样式是干什么呢 不过给你看看一下他们几个的区别在css样式中 "\9" {background-color:red\9;} 这里的\9可以区别所有的IE和FF "*" IE6、IE7可以识别,IE8、FF不能 "_" IE6可以识别,IE7、IE8、FF不能 希望对你有帮助 ...
DIV+CSS中!important;的问题。
使用!important,最主要是为了ie6这个浏览器,因为ie6是目前标准兼容最有问题的浏览器,我们前端设计师比较烦恼,要另外写一段代码给ie6 --- 如我们想在ie8,firefox,chrome等高端浏览器下设置字体为14个像素,ie6为12个像素,那么css就这样写 text{font-size:14px!important;font-size:12px;} 或者...
DW制作的网页,在IE6能够正常显示,在TE7\IE8却出现了混乱,整体堆积在一...
你试一下在装有ie7以上的电脑上装上dw,然后重新把网页制作一下,预览的时候就有效果出来了。还有你网页做的时候用表格把图片更好。。好久没碰dw了。都忘了。。希望能帮到你。
CSS定义的背景图片在IE6下正常,IE8下面不显示。。。求兼容
第一,注意设置height值;第二,在固定高度或宽度的盒状模形少用padding;第三,发现ie6不兼容多用display:inline-block;以上是我不用hacker也能达到兼容所有浏览器的经验.是否能吸收要看你自己了.不懂可找我.
在IE6可以显示出来,但在IE8却显示不出来,是不是可以设置的??求大神打...
IE6、IE7、FF 与兼容性有关的特性 CSS HACK 代码:所有浏览器 通用 height: 100px;IE6 专用 _height: 100px;IE6 专用 height: 100px;IE7 专用 +height: 100px;IE7、FF 共用 height: 100px !important(优先级);一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important (不是很...