零基础建站培训介绍

当前位置:

解决网站css样式兼容不同浏览器问题

很多网站都有一个很大的问题,在这个浏览器上显示正常,但在其它浏览器显示却错位。这就是网站浏览器不兼容。

解决网站css样式兼容不同浏览器问题

如果你在自己建网站时也遇到了不同浏览器之间不兼容问题,可以通过本文以下语句实现DIV+CSS在不同浏览器使用不同样式。

例如我们需要增加的样式为:
.classname{

margin-top:-15px;

}

那么在IE8浏览器下的书写方式为:
.classname{

margin-top:-15px\0;

}

IE9浏览器下的书写格式为:
.classname{

margin-top:-15px\9\0;

}

IE8和IE9浏览器同时兼容的格式为:
.classname{

margin-top:-15px\8\9\0;

}

火狐浏览器的单独写法为:
/* Firefox */

@-moz-document url-prefix() {

.classname{

margin-top:-15px;

}

}

谷歌浏览器的单独写法为:
/* Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {

.classname{

margin-top:-15px;

}

}

火狐谷歌同时兼容的写法为:
/* Chrome 和 opera */

@media all and (min-width:0){

.classname{

margin-top:-15px;

}

}
最后,网站做好之后,再使用IETester软件测试你的网站是否浏览器兼容正常。

相关阅读:

网站出现浏览器不兼容怎么办

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注