0

私の問題は、順序付けられていないリストのテキストにあります。

背景画像があり、箇条書きとテキストの両方の周りの白いボックスに約 60% の不透明度が必要です。私はもともとそれを の外に置いていました<li>が、バリデーターはそれを好まないようです。

もう 1 つの問題は、テキストの不透明度が 60% 未満であるため、すべての色が実際にはポップされないことです。それらは不透明のために洗い流されます。

HTML :

<ul>
    <li><div class="faded slim">&nbsp;</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">&nbsp;</div></li>
</ul>

CSS :

.faded {
    opacity: 0.4;
    height: 19px;
    width: 175px;
    filter:alpha(opacity=40);
    background-color: #ffffff;
}

.slim {
    height: 13px;
}
4

3 に答える 3

1

背景の不透明度をulではなくliに割り当てる必要があります

ここに例があります

HTML

<div id="a">
    <ul class="faded">
        <li><div ><a href="snowplowing.html">Snow Removal</a></div></li>
        <li><div><a href="landscape.html">Landscape Construction</a></div></li>
        <li><div><a href="parking.html">Parking Lot Maintenance</a></div></li>
    </ul>
</div>

CSS

.faded {
    width: 175px;
    background-color: rgba(255,255,255,0.4);
    padding: 13px 0;
}
#a {
    background-color:rgb(0,0,0);
    padding:10px;
}
于 2012-04-23T17:52:21.623 に答える
0

こんにちは、最初に2つの方法を使用できますがli class、プロパティを指定して定義できますlist-style: none;

このように

CSS

.buletnone{
list-style:none !important;
}

HTML

<ul>
                    <li class="buletnone"><div class="faded slim">&nbsp;</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 class="buletnone"><div class="faded slim">&nbsp;</div></li>
                </ul>

ライブデモhttp://jsfiddle.net/rohitazad/tWRdM/30/

-------------------------------------------

-------------------------------

2番目は、CSSで最初と最後の子を次のように定義します

#mainTitle table tr td ul li:first-child, #mainTitle table tr td ul li:last-child{
list-style:none;
}

ライブデモhttp://jsfiddle.net/rohitazad/tWRdM/31/

于 2012-04-24T08:47:59.740 に答える
0
  • すべての要素ではなくul、クラスを指定してください。fadedli
  • リスト項目ulを取り除くことができるように、にパディングを使用します。.slim
  • rgba不透明度の代わりに背景色を使用します。
于 2012-04-23T17:44:33.410 に答える