css滚动样式兼容几张图片轮流滚动的css样式

css滚动条样式如何兼容IE以及火狐浏览器的示例

先按火狐浏览来设样式表。(因为火狐的标准比IE的多。)然后再设IE的样式表。给个例子。div{width：300px；width：320px/9；}这样两个浏览器都兼容了！造成不兼容的原因是因为大家的默认值不用。

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的东平网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

编写出兼容各浏览器的CSS的技巧和方法： Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。

打开火狐浏览器，打开百度，搜索IE tab 火狐插件，会出现火狐社区插件，点击进入；或输入addons.mozilla.org/en-US/firefox/search/？q=ietab。点击添加。安装完成，重启浏览器。

现在基本都只应付IE7，IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。

这样就可以按照从 Firefox到IE8到IE7到IE6的兼容顺序来写。div{ height：700px；} div{ height：600px\9；} div{*height：500px；} div｛_height：400px；｝书写顺序，一般是将识别能力强的浏览器的CSS写在后面。

1、没有办法，ie旧版本不支持自定义滚动条样式，新版本也只能修改部分的样式。

2、css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。第一种方法，代码如图。高度必须要有，overflow属性为auto。如果要出现水平滚动条，overflow-x：auto，如果出现垂直滚动条为，overflow-y：auto。

3、metahttp-equiv=X-UA-Compatiblecontent=IE=7！--以IE7模式渲染-- 还有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。

1、现在基本都只应付IE7，IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。

2、还有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对 IEIE9 分别禁用兼容模式。

3、relative下面套absolute。不然这个div的定位圆点会是浏览器的左上角最严重的就这些了。剩下的小bug，遇到具体情况在搜索就可以了。少用生僻的css，可以翻翻人家的css文件，看看大家常用的是什么。

文章标题：css滚动样式兼容几张图片轮流滚动的css样式
分享网址：http://scyanting.com/article/dgihjhg.html