9

li次のコードでは、 (テキストではなく) 背景色のみに不透明度を設定します。ただし、rgba背景に を使用しないことが重要です。

フォローしようとしていますが、リンクテキストの不透明度も設定します。

HTML:

<ul>
    <li><a href="#">Hello World</a></li>
</ul>

CSS:

body{
    background: red;
}

ul{
    margin: 100px;
}

li{
    padding: 10px;
    background: #000000;
    opacity: 0.1;
}

a{
    color: #fff;
    font-weight: 700;
    opacity: 1;  
}

JSFiddle: http://jsfiddle.net/2uJhL/

4

4 に答える 4

3

PNG または GIF 画像を背景として設定できます。

li { 
  background-image: url('path/to/your/image.png'); 
}
于 2012-11-06T09:45:32.643 に答える
1

不透明度は、コンテンツとすべての子に適用されます。子に別の不透明度を設定することはできません。ただし、rgba を使用したくない場合は、必要な不透明度を持つ png を使用できます。この場合、バックグラウンドでpngを設定するliのが最善の解決策です

于 2012-11-06T09:46:33.443 に答える