私の問題は、順序付けられていないリストのテキストにあります。
背景画像があり、箇条書きとテキストの両方の周りの白いボックスに約 60% の不透明度が必要です。私はもともとそれを の外に置いていました<li>
が、バリデーターはそれを好まないようです。
もう 1 つの問題は、テキストの不透明度が 60% 未満であるため、すべての色が実際にはポップされないことです。それらは不透明のために洗い流されます。
HTML :
<ul>
<li><div class="faded slim"> </div></li>
<li><div class="faded"><a href="snowplowing.html">Snow Removal</a></div></li>
<li><div class="faded"><a href="landscape.html">Landscape Construction</a></div></li>
<li><div class="faded"><a href="parking.html">Parking Lot Maintenance</a></div></li>
<li><div class="faded slim"> </div></li>
</ul>
CSS :
.faded {
opacity: 0.4;
height: 19px;
width: 175px;
filter:alpha(opacity=40);
background-color: #ffffff;
}
.slim {
height: 13px;
}