CSS_表格在IE与FF中的display
今天做一个功能,根据select元素选择的不同selectedIndex项,显示一个表格里指定的tr项。
首先:$("#table tr:gt(0)").css("display","none"); 这个没问题,当要显示的时候.css("display","block"),在FF中布局一下就乱掉了。试了几次都是如此,想了一下,是不是在FF中表格的TR元素display不是block呢?于是直接.css("display"),原来是table-row,改过来后,发现IE里又报错了,于是加一个判断,伪// if(ie){ display:block}else{ display:table-row},OK,大功告成。
相关文档:
使用IE8 可能出现的问题:
* 网页布局不整齐
* 文本或图像重叠
* JavaScript 功能有问题或错误
一般解决
1.写CSS Hack。
而后台人员不擅长于写CSS。
2.强制IE8像IE7那样呈现内容。
在<head></ ......
margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定pos ......
/*不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在后面。*/
.JS_CenterAD_marquee_Right
{
margin-left:17px !important; /firefox*/
*margin-left:17px !important; / ......
在制作一个浮动图片用于网站显示时,出现图片固定不浮动,最终检查发现 DIV浮动与
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd冲突
去掉这段可暂时实现浮动。
但此代码不可随意去掉,去掉后又会导致DIV某些属性混乱。幸好此次暂时不使用某些功能
临时解决办法,期待更好的解决办法 ......