遇到的浏览器兼容问题

问题一:弄了样式在IE浏览器中什么效果都没有

遇到的浏览器兼容问题_第1张图片

遇到的浏览器兼容问题_第2张图片

解决办法:在IE条件注释把中括号前面的空格去掉

遇到的浏览器兼容问题_第3张图片遇到的浏览器兼容问题_第4张图片


问题二:导航栏横向效果

在ie浏览器中由于版本的不同显示的效果也不一样

遇到的浏览器兼容问题_第5张图片

解决办法:在css ul li样式中同时设置一个diaplay:inline-block和diaplay:inline,这样在IE浏览器中低于IE6的版本使用的就是diaplay:inline

遇到的浏览器兼容问题_第6张图片

IE浏览器中高于IE6的版本使用的就是diaplay:inline-block

遇到的浏览器兼容问题_第7张图片


问题三:如何让版本不同显示的效果不同

解决办法:在IE条件注释中把css链接不同的css链接

遇到的浏览器兼容问题_第8张图片

问题四:浏览器版本不同导航栏margin不一样

低于IE6版本导航栏的margin

遇到的浏览器兼容问题_第9张图片

高于IE6版本导航栏margin边距

遇到的浏览器兼容问题_第10张图片

解决办法:在低于IE6版本的css中添加一个margin-left

遇到的浏览器兼容问题_第11张图片


问题五:不同浏览器的标签margin和padding不同

遇到的浏览器兼容问题_第12张图片

解决方法:在css中设置一个初始值*{padding:0; margin:0 auto;}

遇到的浏览器兼容问题_第13张图片

你可能感兴趣的:(遇到的浏览器兼容问题)