frame 滚动条兼容ie6789及firefox,支持w3c

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Pizige CMS系统</title>
</head>
<frameset rows="61,*,25" border="0" frameborder="0" framespacing="0">
<frame src=\'#\'" /Top.asp" name="top" scrolling="no" noresize="noresize" />
<frameset cols="196,*" border="0" frameborder="0" framespacing="0">
<frame src=\'#\'" /Left.asp" name="left" scrolling="auto" noresize="noresize" />
<frame src=\'#\'" /Main.asp" name="main" scrolling="yes" noresize="noresize" />
</frameset>
<frame src=\'#\'" /Bot.asp" name="bot" scrolling="no" noresize="noresize" />
</frameset>
<noframes>
<body>
<p>你的浏览器版本过低!!!本系统要求IE5及以上版本才能使用本系统。</p>
</body>
</noframes>
</html>

 

一、left与main的frame属性scrolling="auto"或者scrolling="yes"

 

二、Left.asp与Main.asp引用样式.Style.css

1、始终显示垂直滚动条:

html {
scrollbar-arrow-color: #eafcd5; /*三角箭头的颜色*/
scrollbar-face-color: #c0de98; /*立体滚动条的颜色(包括箭头部分的背景色)*/
scrollbar-3dlight-color: #c0de98; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #ffffff; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color: #ffffff; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #c0de98; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: #eafcd5; /*立体滚动条背景颜色*/
scrollbar-base-color: #c0de98; /*滚动条的基色*/

overflow-y: scroll;
overflow-x: hidden;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

2、始终隐藏滚动条:

html {
scrollbar-arrow-color: #eafcd5; /*三角箭头的颜色*/
scrollbar-face-color: #c0de98; /*立体滚动条的颜色(包括箭头部分的背景色)*/
scrollbar-3dlight-color: #c0de98; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #ffffff; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color: #ffffff; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #c0de98; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: #eafcd5; /*立体滚动条背景颜色*/
scrollbar-base-color: #c0de98; /*滚动条的基色*/

overflow-y: hidden;
overflow-x: hidden;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

3、自动显示隐藏滚动条:

html {
scrollbar-arrow-color: #eafcd5; /*三角箭头的颜色*/
scrollbar-face-color: #c0de98; /*立体滚动条的颜色(包括箭头部分的背景色)*/
scrollbar-3dlight-color: #c0de98; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #ffffff; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color: #ffffff; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #c0de98; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: #eafcd5; /*立体滚动条背景颜色*/
scrollbar-base-color: #c0de98; /*滚动条的基色*/

overflow-y: auto;
_overflow-y:scroll;
overflow-x: auto;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

你可能感兴趣的:(frame滚动条,支持w3c)