iframe滚动条样式设置

最新推荐文章于 2024-03-25 19:16:23 发布

转载最新推荐文章于 2024-03-25 19:16:23 发布 · 1w 阅读

文章标签：

#iframe #xhtml #html #firefox #文档 #框架

本文解决了使用iframe时无法正常显示自定义滚动条样式的问题。通过移除文档类型声明，使文档从XHTML1.0变为HTML4.0，从而支持SCROLLBAR属性。注意保持代码符合XHTML规范。

用frame框架做网页时候可以设置滚动条样式，但用iframe时候就不能正常显示

解决：把代码这句话<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">去掉就行了

原因：

SCROLLBAR属性只有ie支持，firefox都不支持， 把文档声明的这句去掉，文档就由xhtml1。0版变成了html 4。0了，

而xhtml要求标记名，属性名全部小写，显然上面的不符合xhtml标准，解决办法是将选择器由body换成html，总的来说，

这个问题和frame还是iframe标记是没有关系的，纯粹是个页面滚动条样式的问题，同时写代码时要注意符合xhtml规范。

代码：

html  
{  
        SCROLLBAR-FACE-COLOR: #e8e7e7; 
        SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
        SCROLLBAR-SHADOW-COLOR: #ffffff; 
        SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
        SCROLLBAR-ARROW-COLOR: #03B7EC; 
        SCROLLBAR-TRACK-COLOR: #EFEFEF; 
        SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; 
        SCROLLBAR-BASE-COLOR: #000000;          
}