设置iframe中滚动条样式部分成功的疑问

作者：佚名来源：互联网整理日期：2008-06-20

今天一个朋友问我一个问题，如下：

“这是main.css中的样式定义.
body {
background-image: url(../images/homepage1.gif);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
SCROLLBAR-FACE-COLOR: #b4d8fc;
   SCROLLBAR-HIGHLIGHT-COLOR: #48b4fc;
   SCROLLBAR-SHADOW-COLOR: #90b4d8;
   SCROLLBAR-3DLIGHT-COLOR: #d8fcfc;
   SCROLLBAR-ARROW-COLOR: #246cd8;
   SCROLLBAR-TRACK-COLOR: #d8fcfc;
   SCROLLBAR-DARKSHADOW-COLOR: #d8fcfc;
   SCROLLBAR-BASE-COLOR: #b4d8fc;
}

在每个iframe页面中都导入了main.css,但是奇怪的是,大部分的页面滚动条样式并未改变.而一个动态替换<table>的页面在替换后出现的滚动条就是改变了样式.
请高人指点?”

其实这个问题很简单

只要去掉<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
就搞定了.呵呵

发上来，供大家参考一下，呵呵