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

最新推荐文章于 2017-03-01 16:48:47 发布

关中游侠

最新推荐文章于 2017-03-01 16:48:47 发布

阅读量1.3k

点赞数

分类专栏：网站设计与实现常见问题与解决方案文章标签： xhtml html stylesheet server 浏览器 c#

本文链接：https://blog.csdn.net/activezfj/article/details/6582484

版权

网站设计与实现同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

常见问题与解决方案

2 篇文章 0 订阅

订阅专栏

页面代码：

<%@ 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>