如何为IE和chrome浏览器设置不同的CSS样式

html-css017

如何为IE和chrome浏览器设置不同的CSS样式,第1张

尽量采用标准的CSS样式,避免浏览器产生差异,而且对于现代浏览器来讲一般很少产生这种兼容性问题,如果实际情况需要区分,也尽量用以设置那些低版本浏览器(IE6/7/8)。

要区分IE和chrome,有个分水岭就是IE9,IE9以上浏览器支持HTML5,所以可以采用一些CSS3中的新属性来区分IE低版本与chrome,另外还可以采用属性值加\9的方式来区分IE和chrome,例如:top:10px\9(仅IE有效)。

F12使用

开发者工具

或者在网页上右键

审查元素,在左上或者左下(根据版本)的放大镜至你要查看的元素上点击一下右边会有csss样式的具体参数。

如果是扒站,整个css带走,可以切换至资源界面(Resources)查看Stylish下拉栏。点击一个个的直接可以拿走