lightBoxを使っていると浮かび上がった画像以外の背景が真っ黒ではないが黒くなっている。この背景の透明度はlightBox.cssで次のように設定している。
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 10090;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}
上記のopacityで透明度を設定しているので、設定値の0.6を更に小さくすれば透明度が増す。透明度を0.4に設定したいがlightBox.cssを修正してもlightBoxプラグインが更新されれば値が戻ってしまう。
これを防ぐためにはlightBox.cssで設定した値より優先するようWordPressのスタイルシートに!importantをつけて修正値を設定すればよい。
#overlay {
filter:alpha(opacity=40)!important;
opacity:0.4!important;
}