iframe设置滚动条样式

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

mocklystone

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

阅读量9k

点赞数

本文链接：https://blog.csdn.net/mocklystone/article/details/5323092

版权

在webfrom的设计过程当中，经常会碰到需要美化一下滚动条的样式。也就会碰到这样的问题：当程序设计中有用到

iframe框架，当iframe引用的页面出现滚动条时就无法设置该滚动条样式。

举例说明：页面A.aspx，页面B.aspx，页面A.aspx有一个iframe框架，iframe引用地址B.aspx，这时B.aspx页面数据

超过页面高度或宽度出现滚动条。不管在A.aspx或者是B.aspx对滚动条设置样式都没能有效。

其实这个滚动条与iframe根本毫无关系，只是B.aspx页面超出而出现的滚动条，所以根本不需要对A.aspx中的滚动条设置

任何样式，而只需要对B.aspx中的滚动条进行设置。

在页面B.aspx中设置样式代码：

<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body {margin:0px; width: 100%; SCROLLBAR-FACE-COLOR: #94CAEB; SCROLLBAR-HIGHLIGHT-COLOR: #94CAEB; SCROLLBAR-SHADOW-COLOR: #94CAEB; SCROLLBAR-3DLIGHT-COLOR: #94CAEB; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #D7E7FE; SCROLLBAR-DARKSHADOW-COLOR: #94CAEB; overflow-x:hidden; overflow-y:auto; } </style> <script type="text/javascript">

这样做完以后，你仍会发现样式对滚动条不起作用。那是因为B.aspx上面有一句代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这句代码是对B.aspx页面代码的声明，声明B.aspx需遵从W3C标准中的xhtml1.0的定义

而这个标准没有对iframe的支持，所以需要将这句代码注释掉。这样子，则B.aspx默认遵从html4.0的标准。

至于其它控件及html代码会不会受到影响，就没有深入考虑。

mocklystone

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
iframe设置滚动条样式

在webfrom的设计过程当中，经常会碰到需要美化一下滚动条的样式。也就会碰到这样的问题：当程序设计中有用到iframe框架，当iframe引用的页面出现滚动条时就无法设置该滚动条样式。举例说明：页面A.aspx，页面B.aspx，页面A.aspx有一个iframe框架，iframe引用地址B.aspx，这时B.aspx页面数据超过页面高度或宽度出现滚动条。不管在A.aspx或者
复制链接

扫一扫