将透明背景颜色应用于特定表格[row] [col]

时间:2016-08-10 12:56:36

标签: php html css html-table

我希望table的特定单元格的背景颜色为浅黄色(即透明黄色),我使用属性'rgba'

我甚至删除了整个分区的背景,以保持颜色的透明度。但它只是将黑色显示为背景。

<div id="top">
	<table height="60px" width="1030px">
	<tr> 
		<th bgcolor="rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
		<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
		<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
	</tr>
	</table> 
</div>

6 个答案:

答案 0 :(得分:1)

使用正确的css样式:background-color

<div id="top">
<table height="60px" width="1030px">
<tr> 
<th style="background-color: rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table> 
</div>

答案 1 :(得分:1)

  

<body bgcolor="color_name|hex_number|rgb_number">

HTML5不支持bgcolor属性。请改用CSS。

点击此处 bgcolor

但您应该使用background-color属性

  

background-color: color|transparent|initial|inherit;

可以用CSS th { background-color:rgba(222,215,11,0.3) }

编写

或内联CSS <th style="background-color:rgba(222,215,11,0.3)"></th>

此处有更多信息 background-color

我还建议您不要使用<u>标记,尤其是<a>标记,默认情况下加下划线。

  

该元素在HTML 4.01中已弃用。 (该元素用于定义带下划线的文本)。

     

该元素在HTML5中重新定义,用于表示与正常文本风格不同的文本,例如拼写错误的单词或中文专有名词。

就像bgcolor一样,我建议您使用text-decoration:underline而不是<u>来使用CSS或内联CSS

在此处阅读更多 HTML < u > Tag

你的答案。请参阅下面的代码段。干杯;)

&#13;
&#13;
<div id="top">
<table height="60px" width="1030px">
<tr> 
<th style="background-color:rgba(222,215,11,0.3)"><a href="forum.php" class="class2">Forum</a></th>
<th><a href="quest.php"class="class2">My Questions</a></th>
<th><a href="answers.php"class="class2">My Answers</a></th>
</tr>
</table> 
</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

W3C HTML 4.0规范中不推荐使用

BGColor。此外,bgcolor不适用于rgba值。

使用CSS样式background-color代替bgcolor

&#13;
&#13;
<div id="top">
<table height="60px" width="1030px">
<tr> 
<th style="background-color: rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table> 
</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

您可以使用style代替bgcolor

<div id="top">
	<table height="60px" width="1030px">
		<tr> 
			<th style="background:rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
			<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
			<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
		</tr>
	</table> 
</div>

答案 4 :(得分:0)

你应该使用#color coding。

请你在下面试试。

<div id="top">
 <table height="60px" width="1030px">
   <tr> 
    <th bgcolor="#FFFFE0"><u><a href="forum.php" class="class2">Forum</a></u></th>
    <th><u><a href="quest.php"class="class2">My Questions</a></u></th>
    <th><u><a href="answers.php"class="class2">My Answers</a></u></th>
   </tr>
  </table> 
</div>

答案 5 :(得分:0)

你应该尝试内联css。

<div id="top">
    <table height="60px" width="1030px">
        <tr> 
            <th style="background-color: #ffff99 "><u><a href="forum.php" class="class2">Forum</a></u></th>
            <th><u><a href="quest.php"class="class2">My Questions</a></u></th>
            <th><u><a href="answers.php"class="class2">My Answers</a></u></th>
        </tr>
    </table> 
</div>