我有以下標記的文檔：在li元素中設置背景顏色會使文本變得透明。 （IE8）
<li style="background-color: #{background_color}; color: black;">
<a href="#{url}" title="#{action_name}" style="color: black;"
<span style='color: black;'>action_name</span>
</a>
</li>
但是，每當我設置BACKGROUND_COLOR到任何東西，它會導致鏈接文本變得透明。什麼可能導致這種情況？
您還沒有指定鏈接顏色 - 只有文字顏色...這與不是相同。對於鏈接，您希望明確地指定其屬性...並且最好不要使用內嵌樣式;例如：
<style type="text/css">
a.mainLink:link { color : black; } //this order is important
a.mainLink:visited { color : black; } // "L" o "V" e, "H" "A" t e
a.mainLink:hover { color : white; } // is an easy way to remember.
a.mainLink:active { color : black; }
li.mainList { background : #555; }
</style>
，然後你的鏈接和列表：
<li class="mainList">
<a href="{url}" title="action_name" class="mainLink">'action_name'</a>
</li>
直列風格是動態生成的內容不錯，但它的更好（更可預測的），在外部定義樣式樣式表或<head>標籤中。