+ -
当前位置:首页 → 问答吧 → IE浏览器真操蛋 兼容问题烦的一笔

IE浏览器真操蛋 兼容问题烦的一笔

时间:2011-09-07

来源:互联网

CSS 调试 margin属性 设置的值都是一样的 但在FF中比IE要往前去大概2或3个px,按照网上用!important给FF设置特殊样式也没有用,坐等高人解答~

作者: tcx814616   发布时间: 2011-09-07

!important 是IE7下起作用的!

自己用ietest 测试一下!

ie版本不同,显示效果不同!

最好用 margin:0px 10px 0px 10px;

作者: yanjinye   发布时间: 2011-09-07

可以用css hack 就是不同的浏览器设别不同的样式

作者: feifei_1989   发布时间: 2011-09-07

引用 1 楼 yanjinye 的回复:
!important 是IE7下起作用的!

自己用ietest 测试一下!

ie版本不同,显示效果不同!

最好用 margin:0px 10px 0px 10px;


同意,根据不同的浏览器再去设置。浏览器不同效果都是不一样的,兼容性问题,前段时间搞得我也很郁闷

作者: yangting_lisa   发布时间: 2011-09-07

引用 2 楼 feifei_1989 的回复:

可以用css hack 就是不同的浏览器设别不同的样式

不行噢 孩子

作者: tcx814616   发布时间: 2011-09-07

引用 1 楼 yanjinye 的回复:

!important 是IE7下起作用的!

自己用ietest 测试一下!

ie版本不同,显示效果不同!

最好用 margin:0px 10px 0px 10px;


自己编写的CSS代码如下:
.listsize{
  margin-right: 20px; _margin-right:25px; *margin-right:20px;
  margin-left:28px; _margin-left: 0px; *margin-left: 28px;
width:50px;
font-size:10px;
}
ie里的debugbar查到的CSS是:
.listsize {
WIDTH: 50px;
MARGIN-LEFT: 28px;
FONT-SIZE: 10px;
MARGIN-RIGHT: 20px;
_margin-right: 25px;
_margin-left: 0px
} 它还是按照第一个Margin-left解析 我不是主要做前端开发的 这块不是很了解 求指点

作者: tcx814616   发布时间: 2011-09-07

引用 4 楼 tcx814616 的回复:
引用 2 楼 feifei_1989 的回复:

可以用css hack 就是不同的浏览器设别不同的样式

不行噢 孩子


为什么不行?

比如
span{
  margin-left:10px;
}

*html span{
  margin-left:7px;
}

*+html span{
  margin-left:9px;
}


*html 是针对IE6的 *+html是针对IE7的 而第一个默认比如是FF的 那么当ie6识别到*html会自动设置成7px *+html类似啊

作者: feifei_1989   发布时间: 2011-09-07

引用 6 楼 feifei_1989 的回复:

引用 4 楼 tcx814616 的回复:
引用 2 楼 feifei_1989 的回复:

可以用css hack 就是不同的浏览器设别不同的样式

不行噢 孩子


为什么不行?

比如
span{
margin-left:10px;
}

*html span{
margin-left:7px;
}

*+html span{
margi……


关于CSS我基本知识为零 我这样写
margin-right: 20px; _margin-right:25px; *margin-right:20px;
在不同浏览器中的值是否不一样呢?
如果是但我测试的结果都还是一样,都是读取了第一个margin的值

作者: tcx814616   发布时间: 2011-09-07

WEB开发的悲哀,我现在都还是将就着用的,就差一点,没办法。

作者: trocp   发布时间: 2011-09-07

margin-right: 20px; _margin-right:25px; *margin-right:20px;
 这种方式用的本身也是hack
你可以试试我那个方法

作者: feifei_1989   发布时间: 2011-09-07