ie8下css样式,css在ie8背景颜色

为什么css样式在IE6 7和FF下都正常,在IE8下有问题

有解决的办法，一种手动，一种就是写代码！

手动：点击上面工具栏，选择兼容性视图，就可以显示正常了。

代码：直接在页面的header里面写meta标签这样一行代码：

meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /

这样IE8就会正常显示了！

相关问答

Q1: 请教IE8兼容视图下CSS样式显示不正确问题

第一个li的高度高了，所以后面float的元素就卡住了。

你可以直接在第一个li里面设置一下style="line-height:29px;",就可以看出来效果了。

反正就是这个的原因。

至于怎么解决，没有找到问题产生的原因啊。。。。

------解决方案--------------------

.parameters li span

这个里面的字体大小影响的，

改为12px就可以解决这个问题。

至于为何这个字体会影响，估计是跟line-height在混杂模式下，浏览器的解释不同照成的吧。

总结性的影响因素，还说不上来。。。

Q2: jsp界面在ie8下css样式显示正确，但是在低版本ie浏览器下样式变化了，怎么解决，求助

这俗称CSS HACK。即浏览器差异。我做过一段时间前台页面。一般程序员都很厌恶IE。因为它不怎么支持W3C里面的标准。而火狐永远是金标准。问题出现了还得解决。有两种解决办法，一是你的问题出在哪在网上搜一下相应的CSS HACK的解决办法。很多的。二，你今后做页面的时候用纯table.几乎不用DIV这样就可以避免CSS HACK。

Q3: 有没有只针对IE8的CSS样式hack？

针对firefox ie6 ie7 ie8的css样式hack 

以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到了一个针对IE7、IE8不错的hack方式，IE7使用*+html或*line-height: 23px，IE8使用“\9”来区分，比如：line-height: 26px\9。 

CSS可以参照如下定义，注意顺序: 

#menu { line-height: 23px; }/* firefox 浏览器实行这句定义 */ 

#menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/ 

#menu { *line-height: 23px; }/*ie6,ie7 这句定义主要尖对IE7来hack*/ 

#menu { _line-height: 23px; }/*ie6 浏览器优先实行这句定义*/

或者写成一句 

#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; }

或者 

* html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */ 

*+html #menu { line-height: 23px; }/* IE7 浏览器实行这句定义*/

Q4: IE8下测试在css里面怎么把h1标签字体变小

你在css样式文件头部写上

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a

{

padding:

0;margin:

0;font-size:12px;

text-decoration:none;

font-family:

"微软雅黑"

,arial;}

h1,h2,h3,h4,h5,h6

{font-weight:

normal;font-size:

100%;}

这样所有的标签默认的内外边距都清零了，而且有默认字体大小和字体。然后如果你需要的话可有给指定h1标签设置字体大小或者其他样式，希望可以帮到你

Q5: IE8下CSS写法的几点心得

width:192px; height:55px; margin-top:100px; background:url(images/anniu01.gif) no-repeat left bottom;

要将上面的改成

width:192px; height:155px; background:url(images/anniu01.gif) no-repeat left 50px;

2.尽量用padding-top:，少用margin-top

今天总算升级到IE8了，感觉CSS的写法要想同时适应IE6、IE7、IE8、FireFox，有以下几个基本的窍门。

1、使用float后必须clear，否则IE8显示错误。

2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定义margin:0和padding:0，否则各种浏览器显示有误差。

3、line-height值最好是偶数，奇数显示有误差。

4、input 的text和password两种形式在IE8不定义字体（宋体）下长度高度不一样，可将input定义为font-family:Arial。

5、如果想在标题前后加小图标，最好不要直接用img，用img的话IE6行间距会缩小，应该用li加背景的形式。

...今天暂时只发现这几点，更多的以后继续总结。

实在不行再用分开定义的办法：

div {

margin:0; /* 给全部浏览器看 */

*margin:10px; /* 给IE6、IE7看 */

_margin:20px; /* 只给IE6看 */

}

附：基本CSS样式表

style type="text/css"

body {

margin:0;

font-size:9pt;

line-height:18px;

}

h1,h2,h3,ul,li,dl,dt,dd,p {

margin:0;

padding:0;

}

ul {

list-style:none;

}

form {

margin:0;

}

input,textarea,select {

font-family:Arial;

font-size:9pt;

}

.clear {

clear:both;

}

/style