您的位置：首页 > 编程语言 > ASP

ASPX页面滚动条样式无效的解决方案

2011-07-03 23:43 211 查看
页面代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Left.aspx.cs" Inherits="LdCMS_OA.LdManage.Left" %>

<!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 runat="server">
<title>导航信息 后台管理 零度综合信息发布系统OA版 LdCMS!NT</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="js/prototype.lite.js" type="text/javascript"></script>
<script src="js/moo.fx.js" type="text/javascript"></script>
<script src="js/moo.fx.pack.js" type="text/javascript"></script>
<link href="Css/Left.css" rel="stylesheet" type="text/css" />
<base target="main" />
<script type="text/javascript">
if (top.location == self.location) {
alert("请不要非法操作！");
top.location = "LdLogin.aspx";
}
</script>
</head>
<body>
<form id="frmLeft" runat="server">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</form>
</body>
</html>

滚动条样式：
<style type="text/css">
body{
SCROLLBAR-FACE-COLOR:#A9D0E7;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#DFF1FB;
SCROLLBAR-3DLIGHT-COLOR:#7FA300;
SCROLLBAR-ARROW-COLOR:#0D364F;
SCROLLBAR-TRACK-COLOR:#DFF1FB;
SCROLLBAR-DARKSHADOW-COLOR:#8A8A8A;
}
</style>
出现的问题：1、同样的代码若存储为HTML文件则滚动条效果正常，而ASPX格式则未按样式结果显示；×2、删除HTML代码中<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">则滚动条样式显示正常，但会导致使用DIV+CSS布局的页面出现各浏览器差异较大的问题；× 解决方案：
将滚动条样式定义在HTML标签里即可，即：
<style type="text/css">
html{
SCROLLBAR-FACE-COLOR:#A9D0E7;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#DFF1FB;
SCROLLBAR-3DLIGHT-COLOR:#7FA300;
SCROLLBAR-ARROW-COLOR:#0D364F;
SCROLLBAR-TRACK-COLOR:#DFF1FB;
SCROLLBAR-DARKSHADOW-COLOR:#8A8A8A;
}
</style>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航