0

画像ギャラリーにfancyboxを使用しています。現在、画像の変化に伴う背景ボックスが半透明になるように設定しようとしています。cssに不透明度を追加する方法を理解しましたが、画像が半透明になります。

これは私がcssを変更した方法です：

.fancybox-skin {
    position: relative;
    padding: 0;
    margin: 0;
    /*background: #f9f9f9;*/
    background: #111111;
    opacity:0.6;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

ありがとうございました、

CampSoup1988

4

1 に答える 1

0

最も簡単なのは、アルファチャネルの背景を設定することによってCSS3ブラウザの場合にのみ変更することです。

background: rgba(17,17,17,0.6); /* equals #111111 at 60% opacity */

そして、を削除しますopacity: 0.6。このopacityプロパティにより、要素とそのすべての子が不透明になり、回復できなくなります。

于 2012-06-01T01:20:16.083 に答える