零基础建站培训介绍

当前位置:

解决网站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软件测试你的网站是否浏览器兼容正常。

上一课: 下一课:

发表回复

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

相关教程

  • 网站被黑挂马怎么解决 图文教程 (18373 次浏览)
    一个网站做好之后,网站安全相当重要。如果忽视了网站安全,就容易造成网站被黑挂马。下面学做网站论坛介绍一下如果网站出现了被黑挂马之后,应该怎么
  • 有zblog用户发现z-blog博客文章列表分页的title标题都是重复的,对SEO优化影响肯定不好。z-blog分页title标题调用的是catelog.html页面的title标题,
  • 很多自己学建网站学员在使用discuz做论坛网站时,论坛首页的底部总是提示:“正在等待notice.uchome.manyou.com的响应” 如下图:如何解决论坛
  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。
  • HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向
  • 在前面的HTML入门教程中,我们介绍了什么是超链接。对于建网站新手来说,很多人不知道超链接有很多的写法。以下就是超链接常见的几个写法。显
  • 特效介绍:响应式12列CSS网格样式代码是一款网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。特效截图:特
  • 很多网站都有一个很大的问题,在这个浏览器上显示正常,但在其它浏览器显示却错位。这就是网站浏览器不兼容。如果你在自己建网站时也遇到了不
  • 对于做网站来说,很头疼的问题就是网站做好后,不同浏览器出现不兼容的情况。主要原因就是由于不同浏览器对某些标签的属性初始值【margin,padding,fon
  • 使用PHP写数据到数据库时,往往一组数据里有很多字段,并且不同的字段是放在不同的数据表里,这时我们插入数据表时,就要将一组数据中的不同字段同时
  • 独立ip和共享ip对于做网站有什么不同呢?我们自己做网站时,是要选择独立IP还是共享IP呢?下面来分析一下独立ip和共享ip它们的优缺点。1、独立的i
  • 现在大多网站都会使用JS特效代码,如果浏览器中 禁用了javascript,那么就会导致网站显示不正常,如何去解决浏览器禁用javascript问题呢?浏览器禁用