Html 渲染CSS水平渐变

我找不到一把小提琴在当地工作： 我怀疑CSS或类似的阴影，因为我看起来非常仔细，它应该可以工作，它曾经可以工作，但由于许多更新，我已经失去了窗口列表颜色的良好渐变功能。我的窗口现在看起来像这样，没有渐变：

这不是我所期望的，因为我在HTML中定义了CSS类：

<div class="popup" id="popupD" 
            style="display: none;" >

<table width="100%" border="1" cellspacing="0" cellpadding="2" align="center" class="horizontal-gradient">
  <tr>
  <td colspan="3"><h2><div class="horizontal-gradient">Pandora sök</div></h2> 
</td>
  <td><a href="javascript:void(0)" onclick="document.getElementById('popupD').style.display = 'none';">X</a></td>
</tr>
</table> 
        <table id="mainTable" border="0" class="tabell" cellspacing="5" cellpadding="2">
          <tr>
            <!-- Placeholder for the form table -->
            <td valign="top">
              <table id="formTable" border="0" class="tabell" cellspacing="2" cellpadding="2">
                <tr>
                  <td>
                    <b>Sök efter handläggare</b>
                  </td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>Sök efter person, funktion, organisation, roll eller signatur med följande namn:</td>
                </tr>
                <tr>
                  <td>
                    <input type="text" class="textandlist" name="searchValue" size="40" />
                  </td>
                </tr>
                <tr>
                  <td align="right">
                    <input type="button" class="knapp" name="searchButton" id="searchButton" value="&nbsp;&nbsp;Sök&nbsp;&nbsp;" onclick="doSubmit('HandlaggareSearch','search')" />
                    <input type="button" class="knapp" name="cancelButton" id="cancelButton" value="Avbryt" onclick="cancelHandlaggareDialog()" />
                    <input type="button" class="knapp" name="showButton" id="showButton" value="Visa alla" onclick="doSubmit('HandlaggareSearch','showAll')" />
                  </td>
                </tr>
              </table>                      
            </td>
            <!-- Placeholder for the result table -->
            <td valign="top"><a href="javascript:void(0)" onclick="document.getElementById('popupD').style.display = 'none';">Stäng</a>

              <img src="/PandoraArendeWeb/images/spacer.gif" />
              <table id="headerTable" class="tabell" cellspacing="2" cellpadding="2" width="700">

                <tr>
                  <td colspan="5">
                    <b>Sökningen gav inga träffar.</b>
                  </td>
                </tr>

                <tr>
                  <td colspan="5">
                    <b>Resultat</b>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <span>Antal träffar: </span>
                  </td>

                  <td colspan="3" align="right">

                  <a href="javascript:SearchHandlaggareShow('previous')">
                    &lt;&lt;

                    -

                  </a>

                  [

                  -

                  ]

                  <a href="javascript:SearchHandlaggareShow('next')">

                    -

                    &gt;&gt;
                  </a>

                </td>

              </tr>

            </table>

            <div style="height: 220px; overflow: auto;" >   
              <table id="resultTable" class="tabell" cellspacing="2" cellpadding="2" width="700">
                <tr>
                  <th><a href="javascript:SearchHandlaggareSort('1')">Signatur</a></th>
                  <th><a href="javascript:SearchHandlaggareSort('2')">Namn</a></th>
                  <th><a href="javascript:SearchHandlaggareSort('3')">Enhet</a></th>
                  <th><a href="javascript:SearchHandlaggareSort('4')">Grupp</a></th>
                  <th><a href="javascript:SearchHandlaggareSort('5')">Roll</a></th>
                </tr>

                <tr class="bakgrund1" onmouseover="this.className='highlight'" onmouseout="this.className='bakgrund1'">

                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>

              </table>
            </div>

          </td>
        </tr>
      </table>
      </div>

潘多拉·索克
Sök efter handläggare
Sök efter个人、职能、组织、roll eller签名med följande namn：
Sökningen gav inga träffar。
结果
安塔尔·特拉法尔：
[
-
]

我之前问过这个问题，我们得出结论，问题出在我的其他代码上： 所以我怀疑我在某处跟踪CSS类，这是我唯一的解释。你知道怎么解决这个问题吗

这是我没有发现阴影的整个CSS文件：

*  {font-family:arial;}

.avnamn{ 
                color: #90002b; 
                font-size: 140%; 
                display: inline; 
                vertical-align: 3%; 
                margin-left: 1%;
                }

.b{border:1px solid #000;}

.readonly{background-color: #CCC;}

.Webdings{
    font-family: Webdings;
    }

ul{margin-top: 0px}

.mt3{margin-top:-3px;}
.mt5p{margin-top:5px;}

.fontS80 {font-size: 80%;} 
a:link{color:#000; text-decoration:none; }
a:visited{color:#000; text-decoration:none; }
a:hover{color:#000; text-decoration:none; }
a:active{color:#000; text-decoration:none; }

.fontS75 {font-size: 75%;} 

.link{color: #003366;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;}

.link_sm{color: #003366;
    text-decoration: underline;
    cursor: pointer;}

.link_sm{font-size: 70%;cursor: pointer;}

.small{font-size: 75%;}

.smallg{font-size: 75%;
color: #555;}

.ssmall{
    font-size: 65%;
    font-weight: bold;
    color: #555;
}
.small60{font-size: 60%;}
.small50{
    font-size: 50%;
    color: #333;
}
.smallb{font-size: 85%;}
table{display:inline;}

h1{font-size: 130%;display:inline;}
h2{font-size: 100%;display:inline;}
h3{
    font-size: 80%;
    display:inline;
    font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
}
h4{font-size: 70%;display:inline;}
h5{
    font-size: 80%;
    display:inline;
    font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

.hthin{
    font-size: 125%;
}

.th {text-align: left;}

td, th{font-size: 75%;
    vertical-align: text-top;}
.td_link{cursor: pointer;}
.td40{height:40px;}
.td60{height:60px;}



.thkant{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 70%;
        text-align: left;
}

.labb{F0F0E3; c1c1b3 }

.bb{border-bottom: 1px solid #000;}
.bbV{border-bottom: 1px solid #FFF;}
.TB_nbA {background-color:#CCC;}
.TB_bt, .TB_nb, .TB_db, .TB_bb {background-color:#efefdc;}

.hk {background-color:#d9ddb3;}

.hknot {background-color:#f9faf2;}
/*<!--F8F8F1-->*/
.TB_bt{border-top: 1px solid #FFF;}
.TB_bt5{border-top: 5px solid #FFF;}
.TB_bb{border-bottom: 1px solid #999;}
.TB_bb2{border-bottom: 2px solid #c1c1b3;}
.TB_db{border-bottom: 1px solid #000; border-top: 1px solid #000;}
.TB_tb{border-top: 2px solid #efefdc;}

.TB_bo{border: 2px solid #efefdc;}
.TB_bo_hk{border-top: 1px solid #efefdc;}


.TB_bo2{border: 1px solid #efefdc;}

.TB_bo2B{
border-top: 2px solid #c1c1b3;
border-left: 3px solid #efefdc;
border-right: 3px solid #efefdc;
border-bottom: 2px solid #c1c1b3;
}

.TD_bo{
    border-right: 1px solid #c1c1b3;
    width: 9%;
    font-size: 70%;
    text-align: center;
}

.TD_bo2{

    border-right: 0;
    width: 9%;
    font-size: 70%;
    text-align: center;
}

.ytb{
    border-left:3px solid #efefdc;
    border-right:3px solid #efefdc;
}

.datum {
    font-size: 70%;
    padding-right: 5px;
    vertical-align: text-top;} 
.sub {background:#EAEAEA;}
.sub_meny, .sub_meny_r, .sub_meny_active, .sub_meny_sm{
    font-size: 70%;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: text-top;}

.sub_meny_sm {
    font-size: 60%;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}   

.sub_meny_r{
    float:right;
    font-size: 70%;
    padding-left: 8px;
    padding-right: 8px;}

.sub_meny_rm{margin-top:4px;}
.sub_meny_active{font-weight: bold;}

.flikkant1 {
    background-image: url(../images/fl1k.jpg);
    background-position: center;
    z-index: -1;}

.inl_namn{
    font-weight: bold;
    font-size: 70%;
    color: Black;
    text-decoration: none;}

.th{text-align: left;}
.tr{text-align: right;}

.g1{
    background-color: #FFF;
    line-height: 20px;
}

.g2{
    background-color: #EEE;
    line-height: 20px;
}

.g3{
    background-color: #DCDCDC;
    line-height: 20px;
    font-weight: bold;
    font-size: 100%;
}
.g4{
    background-color: #CCC;
    line-height: 20px;
}

.popup{
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF;
    font-size: 70%;
}

.popuphandlaggare{ 
    border-color: #000;
    border-style: groove;      
    border-width: 2px;      
    padding: 0px;      
    background-color: #FFF;     
    font-size: 70%;     
    position: absolute;     
    top: 900px; 
    }

.popupN{
    background-color: #F0F0E3;
    color: #000;
    width: 100%;
    display: inline;
    font-weight: bold;
    height: auto;
    padding: 2px;
    border-bottom: 1px solid #000;
}
.pin{padding: 6px;}

.fl10, .fl20, .fl30, .fl40, .fl50, .fl60, .fl70, .fl80, .fl90, .fl100 {
    padding-bottom:4px;color: #000000;
}

.over{
    background-color: #EFEFDC;
    line-height: 20px;
}

.half{
line-height:50%;
}

.quarter{
line-height:25%;
}

.lh10{
line-height:10%;
}

.checkmargin {margin-right: 25px;}  
.checkmarginL {margin-left: 25px;}  

.pusher {padding-left: 15px;"}
.pusherR {margin-right: 40px;"}

.rand3{background-color: #FFF; line-height: 3px;}
.rand1{background-color: #FFF; line-height: 1px;}

.whiteborder {     color: #ffffff;      border: 4px solid #ffffff;      padding: 10px;      margin: 10px; }
#details { width: 700; color: #ffffff; }
.column1 {     color: #000000; margin: 0;      padding: 0;     width: 600px;     border:0;     float: left; }
.column2 {     color: #000000;margin: 0;      padding: 0;     border:0;     width: 80px;     float: right; }

.f200 {
    color: #000000;
}

.f210 {
    color: #000000;float: left;
}
.f220 {
    width: 400;
}
.f1450 {
    width: 600;
    float:left;
}
.f1550 {
    width: 150;
    float:left;
    padding:15px;
}
.paddedcell {
    padding:15px;
}
.b2{border:2px solid #efefdc;}
.inp_sel{width: 80%;}

.fl21{float:left; padding:5px; margin:5px; width:150px;} .fl455{float:left; padding:5px; margin:5px; width:120px;} 

.form-bg {
  background: #eeefdf;
  width:1000px;
  overflow:hidden;
}
.form-bg2 {
  background: #eeefdf;
  width:100%;
  overflow:hidden;
}
.data-bar {
  border-bottom:1px solid #fbfbf7;
  display:inline-block;
  padding:10px 10px;
}

.left {
float:left;
width:200px;

}
.discount {
float:right;
width:500px;

}
.discounts {
width:900px;

}
.right {
float:right;
width:700px;
}
.yta20 {
background: #eeefdf;
width:1100px;
}

.yta2 {

width:1100px;
}

.data-box {
width:650px;
height:100px;
border:1px solid #cbcbcb;
}
#table td { 
margin:120px; 
} 

#personName {     float:left;     width:300px;   }  #otherDetails {     float:right;     width:450px;      }

.th_rad_sort {border-bottom: 2px solid #000000; text-decoration: none;"}

a img { border: 0; outline:0;}

.horizontal-gradient {
    background: #1a2adb; /* Old browsers */
    background: -moz-linear-gradient(left,  #1a2adb 0%, #a1e6ed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a2adb), color-stop(100%,#a1e6ed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #1a2adb 0%,#a1e6ed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #1a2adb 0%,#a1e6ed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #1a2adb 0%,#a1e6ed 100%); /* IE10+ */
    background: linear-gradient(left,  #1a2adb 0%,#a1e6ed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2adb', endColorstr='#a1e6ed',GradientType=1 ); /* IE6-9 */
    color: white;
    width: 1015px;
}
.f { float: right;     color: white; }


.handlaggare { width: 1000px; }

div.data-box-nat{
    margin-bottom: 10px;
    border: 2px solid gray;
    width: 600px;
}
div.data-box-pct{
    margin-bottom: 10px;
    border: 2px solid gray;
    width: 600px;
}
.newpopup {
z-index:100;
 position: absolute; 
  top:50%;
  left:50%;
  background-color:#ffffff; //not working

} 

*{font-family:arial；}
avnamn{
颜色：#90002b；
字体大小：140%；
显示：内联；
垂直对齐：3%；
左缘：1%；
}
.b{边框：1px实心#000；}
.readonly{背景色：#CCC；}
韦丁先生{
字体系列：Webdings；
}
ul{margin top:0px}
.mt3{页边距顶端：-3px；}
.mt5p{页边距顶端：5px；}
.fontS80{字体大小：80%；}
答：链接{color:#000；文本装饰：无；}
a:访问{color:#000；文本装饰：无；}
a:hover{color:#000；文本装饰：无；}
a:活动{color:#000；文本装饰：无；}
.fontS75{字体大小：75%；}
链接{颜色：#003366；
文字装饰：下划线；
光标：指针；
字体大小：粗体；}
.link_sm{color:#003366；
文字装饰：下划线；
游标：指针；}
.link_sm{字体大小：70%；光标：指针；}
.small{字体大小：75%；}
.smallg{字体大小：75%；
颜色：#555；}
.ssmall{
字体大小：65%；
字体大小：粗体；
颜色：#555；
}
.small60{字体大小：60%；}
.50{
字体大小：50%；
颜色：#333；
}
.smallb{字体大小：85%；}
表{display:inline；}
h1{字体大小：130%；显示：内联；}
h2{字体大小：100%；显示：内联；}
h3{
字号：80%；
显示：内联；
字体系列：“Arial Unicode MS”、Arial、Helvetica、无衬线字体；
}
h4{字体大小：70%；显示：内联；}
h5{
字号：80%；
显示：内联；
字体系列：“Arial Unicode MS”、Arial、Helvetica、无衬线字体；
}
希恩先生{
字体大小：125%；
}
.th{文本对齐：左；}
字体大小：75%；
垂直对齐：文本顶部；}
.td_链接{光标：指针；}
.td40{高度：40px；}
.td60{高度：60px；}
特坎特先生{
边框顶部：1px实心#000；
边框底部：1px实心#000；
字体大小：70%；
文本对齐：左对齐；
}
.labb{F0F0E3；c1c1b3}
.bb{边框底部：1px实心#000；}
.bbV{边框底部：1px实心#FFF；}
.TB_nbA{背景色：#CCC；}
.TB_bt、.TB_nb、.TB_db、.TB_bb{背景色：#efdc；}
.hk{背景色：#d9ddb3；}
.hknot{背景色：#f9faf2；}
/**/
.TB#bt{边框顶部：1px实心#FFF；}
.TB#u bt5{边框顶部：5px实心#FFF；}
.TB#bb{边框底部：1px实心#999；}
.TB_bb2{边框底部：2px实心#c1c1b3；}
.TB#db{边框底部：1px实心#000；边框顶部：1px实心#000；}
.TB#TB{边框顶部：2px实心#efdc；}
.TB#bo{border:2px solid#efdc；}
.TB_bo_hk{边框顶部：1px实心#efdc；}
.TB#bo2{border:1px solid#efdc；}
.TB_bo2B{
边框顶部：2个实心#C1B3；
左边框：3px实心#EFDC；
右边框：3px实心#EFDC；
边框底部：2个实心#C1B3；
}
谭耀波议员{
右边框：1px实心#C1B3；
宽度：9%；
字体大小：70%；
文本对齐：居中；
}
.TD_bo2{
右边界：0；
宽度：9%；
字体大小：70%；
文本对齐：居中；
}
.ytb{
左边框：3px实心#EFDC；
右边框：3px实心#EFDC；
}
.基准{
字体大小：70%；
右侧填充：5px；
垂直对齐：文本顶部；}
.sub{背景：#EAEAEA；}
.sub\u meny、.sub\u meny\u r、.sub\u meny\u active、.sub\u meny\u sm{
字体大小：70%；
左侧填充：20px；
右边填充：20px；
垂直对齐：文本顶部；}
.sub_meny_sm{
字体大小：60%；
垂直对齐：中间对齐；
左侧填充：10px；
右边填充：10px；
}   
.sub_meny_r{
浮动：对；
字体大小：70%；
左侧填充：8px；
右填充：8px；}
.sub_meny_rm{margin top:4px；}
.sub_meny_活动{字体大小：粗体；}
.flikkant1{
背景图像：url（../images/fl1k.jpg）；
背景位置：中心；
z-索引：-1；}
.inl_namn{
字体大小：粗体；
字体大小：70%；
颜色：黑色；
文本装饰：无；}
.th{文本对齐：左；}
.tr{text align:right；}
.g1{
背景色：#FFF；
线高：20px；
}
.g2{
背景公司