关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。-优快云博客

本文介绍了解决CSS滚动条样式在不同DTD文件中显示无效的问题，通过调整选择器来确保样式生效。同时，针对获取元素实际高度时遇到的问题，提供了一种兼容多种浏览器的解决方案。

导读：
　　最近，很多人反映下面的CSS定义在 loose.dtd和xhtml1-transitional.dtd下无效了：

Code
　　body{
　　SCROLLBAR-FACE-COLOR: #f2f2f2;
　　SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
　　SCROLLBAR-SHADOW-COLOR: #999999;
　　SCROLLBAR-3DLIGHT-COLOR: #999999;
　　SCROLLBAR-ARROW-COLOR: #999999;
　　SCROLLBAR-TRACK-COLOR: #ff0000;
　　SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
　　overflow-y:hidden
　　}

　　解决办法就是

Code
　　html,body{
　　SCROLLBAR-FACE-COLOR: #f2f2f2;
　　SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
　　SCROLLBAR-SHADOW-COLOR: #999999;
　　SCROLLBAR-3DLIGHT-COLOR: #999999;
　　SCROLLBAR-ARROW-COLOR: #999999;
　　SCROLLBAR-TRACK-COLOR: #ff0000;
　　SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
　　overflow-y:hidden
　　}

　　新的文档类型定义模型使用html 元素作为容器。
　　类似的还有
　　document.body.scrollHeight等结果为0
　　需要使用新的办法：
　　var eleHeight
　　if(document.documentElement)
　　eleHeight = document.documentElement.scrollHeight
　　else
　　eleHeight = document.body.scrollHeight
　　Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1116488

转载于:https://www.cnblogs.com/X-Jonney/archive/2009/03/17/1414029.html