简单而郁闷的问题，页面滚动条样式应用无效！！

Dleno 2007-07-28 10:11:59

scrollbar-face-color:#efefef;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#cccccc;scrollbar-3dlight-color:#cccccc;scrollbar-arrow-color:#330000;scrollbar-track-color:#fdfdfd;scrollbar-darkshadow-color:#ffffff;

这个样式写法是对的。
原因已经找到：
当页面首行有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">的时候，这个样式就怎么都应用不起，而去掉这个以后，滚动条样式又可以了。

我页面用的是div+css，如果不要那行代码，在多中浏览器下css样式就会有很多差别的地方，加了这行代码，那他们的差别就少多了。
现在页面已经做了很多了。去掉首行的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在IE 下的界面就乱了。

要怎么解决这个问题呢？

...全文

655 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

fhq1990810 2011-01-13

打赏
举报

谢谢....我也遇到了同样的问题...

Dleno 2007-07-28

打赏
举报

但是我把它删了就可以了。
而且是应用的页面body的滚动条。

郁闷，尽碰到这些莫名其妙的问题。

yangsongshuang 2007-07-28

打赏
举报

绝对不是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个问题
可能是你滚动条放的有问题

Dleno 2007-07-28

打赏
举报

晕，没人问津？？

Dleno 2007-07-28

打赏
举报

问题已解决：
加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就不应该是：
body{scrollbar-face-color:#efefef;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#cccccc;scrollbar-3dlight-color:#cccccc;scrollbar-arrow-color:#330000;scrollbar-track-color:#fdfdfd;scrollbar-darkshadow-color:#ffffff;}
而是：
html{scrollbar-face-color:#efefef;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#cccccc;scrollbar-3dlight-color:#cccccc;scrollbar-arrow-color:#330000;scrollbar-track-color:#fdfdfd;scrollbar-darkshadow-color:#ffffff;}

周视图考验开发者对 css3 的高级应用，我们通过项目实战来深化技术，积累项目经验。此课程的价值很高，而视频课程只占其价值很少一部分。要想充分发挥其价值。你还需要跟我一起。做玩练。问问题。思考我给你留的...

相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条...

页面滚动时没有问题的。一开始以为是android版本的兼容性问题，后来又查了很多资料说是echarts的问题。最后经过我两天的研究，在渲染echarts的div元素外面再包一层div标签。并设置样式为style=".