簡體   English   中英

IE11和Chrome中未加載CSS

[英]CSS is not loading in IE11 and Chrome

我的html頁面中使用的CSS是

<style type="text/css"> 
body {background-color:#FFFFFF;font-family:Calibri;} 
table{margin-left:auto;margin-right:auto;border:1px solid RoyalBlue;border-         collapse:collapse;font-size:90%;} 
td{margin:0px;border:1px solid RoyalBlue;padding:1px;} 
td.tcname_selected {{margin:0px;align:center;background-     color:LightSkyBlue;min-width:900px;color:white;font-weight:bold;} 
td.tcname {{margin:0px;align:center;background-color:LightSkyBlue;min- width:900px;} 
td.tccontainer {padding:0px;} 
tr.stepstbl_vis {} 
tr.stepstbl_notvis {display:none;padding:1px;border:0px;} 
<!-- table.stepstbl {margin:0px;border:none;padding:1px;} --> 
table.stepstbl {border:1px solid RoyalBlue;border-collapse:collapse;font- size:90%;} 
td.step_head {{margin:0px;align:center;background-  color:LightSkyBlue;border:1px solid RoyalBlue;padding:1px;} 
td.step_reg {{margin:0px;border:1px solid RoyalBlue;padding:1px} 
span.hidden {display:none;} 
</style> 

CSS is not loading when i use it in my code -
<body> 
<table width="90%" align="center"> 
<tr> 
<td width="97%" class="tcname" id="tsname1"> 
</td> 
</td> 
</tr>

當我在IE8瀏覽器中使用它時,相同的代碼可以正常工作。正在創建表格,但由於CSS未在IE11和Chrome中加載,因此它不會以藍色顯示表格單元格的背景色。能有人幫我找出來嗎根本原因?

我對您的代碼做了快速修復,不確定您真正想要得到什么,但是應該可以工作

<style type="text/css"> 
body {background-color:#FFFFFF;font-family:Calibri;} 
table {margin-left:auto;margin-right:auto;border:1px solid RoyalBlue;border-collapse:collapse;font-size:90%;} 
td {margin:0px;border:1px solid RoyalBlue;padding:1px;} 
td.tcname_selected {margin:0px; text-align:center; background-color: LightSkyBlue;min-width:900px;color:white;font-weight:bold;} 
td.tcname {margin:0px; text-align:center;background-color:LightSkyBlue;min-width:900px;} 
td.tccontainer {padding:0px;} 
tr.stepstbl_vis {} 
tr.stepstbl_notvis {display:none;padding:1px;border:0px;} 
table.stepstbl {margin:0px;border:none;padding:1px;}
table.stepstbl {border:1px solid RoyalBlue;border-collapse:collapse;font-size:90%;} 
td.step_head {margin:0px; text-align:center; background-color:LightSkyBlue;border:1px solid RoyalBlue;padding:1px;} 
td.step_reg {margin:0px;border:1px solid RoyalBlue;padding:1px} 
span.hidden {display:none;} 
</style>

<body> 
<table width="90%" align="center"> 
<tr> 
<td width="97%" class="tcname" id="tsname1">cell 1</td> 
<td>cell 2</td> 
</tr>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM