谁知道这段代码中,什么代码导致右边的滚动条颜色变化了

谁知道这段代码中,什么代码导致右边的滚动条颜色变化了<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<HTML>
<HEAD>
<TITLE>CKJ consulting</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_over = newImage("images/home-over.gif");
company_over = newImage("images/company-over.gif");
services_over = newImage("images/services-over.gif");
news_over = newImage("images/news-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.STYLE20 {
font-size: 14px;
font-weight: bold;
}
.STYLE23 {font-size: 12px}
#Layer1 { position:absolute;
left:740px;
top:8px;
width:138px;
height:18px;
z-index:1;
}
.STYLE25 {font-size: 12px; font-weight: bold; }
.STYLE26 { font-size: 14px;
font-weight: bold;
color: #000000;
}
-->
</style>
</HEAD>
<link rel='stylesheet'
href='<%= request.getContextPath() %>/css/style.css'>
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<div id="Layer1"><strong><span class="STYLE23"><a href="#">Korean</a> <a href="#">Chinese</a> <a href="#">Japanese</a></span></strong></div>
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0 class="frame">
<TR>

解决方案 »

  1.   

    感觉是运用css太乱的缘故
    这个<link rel='stylesheet'
        href='<%= request.getContextPath() %>/css/style.css'>
    与你的页面定义可能有冲突
      

  2.   

    这是那个css代码style.css
    BODY { scrollbar-face-color: #ffffff; scrollbar-shadow-color: #868686; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #868686; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #D4DA3D;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;  }A:link { font-size:12px; color:#4c4c4c; text-decoration:none; }
    A:visited { font-size:12px; color:#4c4c4c; text-decoration:none; }
    A:hover  { font-size:12px; color:#0081A6; text-decoration:none;}
    A:active { font-size:12px; color:#4c4c4c; text-decoration:none;}img {border: 0px none;}td {font-size:12px; }
    .input_r { font-size:9pt; color:#505050; padding-ritht:3px; text-align:right;} 
    .input_0 { font-size:9pt; color:#505050; padding-top:3px; border:1px solid #CDCDCD; background-color:#ffffff} 
    .input_1 { font-size:9pt; color:#505050; padding-top:3px; border:0px none ;}
    .input_2 { font-size:9pt; color:#505050; padding-top:3px; border:1px solid #898989;}
    .input_3 { font-size:9pt; color:#505050; padding-top:3px; border:1px solid #959595;}
    .input.C {font-size:9pt; background-color:#FFFFFF; border-width:1px; border-style:solid; border-top:solid 1px #90afbc ; border-right:solid 1px #90afbc ; border-bottom:solid 1px #90afbc ; border-left:solid 1px #90afbc ;}          
    /* select{ behavior: url('/selectBox.htc');}*/select {font-size:12px; color:#505050; border:1px solid #CDCDCD }select1 {background-color:#5A8EB5; color:#ffffff; height:22;}TD       {FONT-SIZE: 9pt; COLOR: #666666; line-height:16px;}
    .td      { font-size: 9pt; color:#666666; text-align: justify;}
    .td11    { font-size: 11px; color:#666666; line-height:14px;}
    .tdB     { font-size: 9pt; color:#666666; font-weight: bold;  }
    .text    { font-size: 8pt; color:#AAAAAA}
    .blue_b {color: #00A2C7; font:bold; background-color:#FAFAFA;} 
    .orange_b {color: #F26522; font:bold; } 
    .blue_b2 {color: #00A2C7; font:bold; background-color:#FAFAFA;text-align: right;text-decoration:blink;} 
    .input_id { font-size:9pt; color:#000000;background-color:#ffffff; border:0; width: 120px; height:18px; BORDER-RIGHT: #AAAAAA 1px solid; BORDER-TOP: #AAAAAA 1px solid; FONT-SIZE: 9pt; 
              BORDER-LEFT: #AAAAAA 1px solid; BORDER-BOTTOM: #AAAAAA 1px solid; }
    .input_ps { font-size:9pt; color:#000000;background-color:#ffffff; border:0; width: 120px; height:18px; BORDER-RIGHT: #AAAAAA 1px solid; BORDER-TOP: #AAAAAA 1px solid; FONT-SIZE: 9pt; 
              BORDER-LEFT: #AAAAAA 1px solid; BORDER-BOTTOM: #AAAAAA 1px solid; }
    .title_text { font-size: 9pt; color:#75725F;font-weight: bold}
    .tdline1 {
    background-color: #E7E7E7;
    }td.bd_contents {background-color:#FAFAFA; color:#555555;   font-size:12px; line-height:17px; letter-spacing:0} /* board contents color */
    .textB  { font-size: 9pt; color:#666666; font-weight: bold; padding-left:11;}
    .sub { color: #333333; font-size:12px;font-weight:bold;padding-left : 0px;}
     A.sub:link { color: #333333; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;}
     A.sub:visited {color: #333333; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;}
     A.sub:hover { color: #333333; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;}
     A.sub:active { color: #333333; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;} .sub_sel { color: #00AC30; font-size:12px;font-weight:bold;padding-left : 0px;}
     A.sub_sel:link { color: #00AC30; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;}
     A.sub_sel:visited {color: #00AC30; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;}
     A.sub_sel:hover {color: #00AC30; font-size:12px; text-decoration:none;font-weight:bold;padding-left : 0px;}
     A.sub_sel:active { color: #00AC30; font-size:1px; text-decoration:none;font-weight:bold;padding-left : 0px;} A.sub_menu:link { color: #A24500; font-size:12px; text-decoration:none;padding-left : 0px;}
     A.sub_menu:visited { color:#A24500; font-size:12px; text-decoration:none;padding-left : 0px;}
     A.sub_menu:hover {color: #A24500; font-size:12px; text-decoration:none;padding-left : 0px;}
     A.sub_menu:active { color: #A24500; font-size:12px; text-decoration:none;padding-left : 0px;}
    .bott  { font-size:12px; color:#707070;}
    .line {font-size:12px; color:#445666;}
    .th1  {background-color:#F5F7F9; font-size:12px; color:#000000; height:22; padding-top:0; text-align:center;}   
    .th2  {border:0px solid #B5C69E; background-color:#AFC9E3;}                                                                            
      

  3.   

    BODY { scrollbar-face-color: #ffffff; scrollbar-shadow-color: #868686; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #868686; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #D4DA3D;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;  }
    这个不起作用了吗？
    估计是冲突问题！
      

  4.   

    找到原因了,,以前的界面以为有这个
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    不明白,这个东西在界面中,到底起了什么作用啊