<ul>
タグで使用される背景画像「セレクター」があります。<ul>
メニュー項目が選択されたときにクラス Lightselector を呼び出す jquery 関数があります。ライト セレクター クラスは<li>
タグによってレンダリングされますが、私の問題は、<li>
タグの背景イメージ (ライトセレクター クラス) が<ul>
イメージ 'セレクター' の背景イメージと重なることです。z-index と background position を試しました。
HTML:
<ul>BUMPER STICKERS
<li>hello </li>
<li>This is a paragraph.</li>
</ul>
<ul>BUMPER STICKERS
<li>This is a paragraph.</li>
<li>This is a paragraph.</li>
</ul>
<li>
ライトセレクター:
.LightSelector {
background-image: url(../Images/Template%20Images/Lightblue.png);
background-position:0% 0%;
background-repeat: no-repeat;
}
<ul>
背景画像:
ul {
background-image: url(../Images/Template%20Images/selector.png);
background-position:13% 102%;
background-repeat: no-repeat;
}
jQuery:
$(document).ready(function () {
$("ul").click(function (evt) {
if (evt.target.tagName != 'UL') return;
$("li", this).toggle();
});
});