0

透明な画像の選択を解除して、その背後にある要素を選択したいのですが、使用せずにpropriety z-index、助けてください！ここにJsfiddleの例があります。

ありがとう！

4

3 に答える 3

3

入力の順序を変更して、入力を前面に出すことはできませんか?

HTML:

<input id="myinput" type="text" name="" value="SELECT ME PLEASE !"/>
<div id="menulogo"><img src="http://www.marcellokabora.com/web/wokomoko/img/menulogo.png"/></div>

CSS:

    #myinput{
    position: absolute;
    top: 130px;
    left: 260px;
    font-size: 20px;
}​
​

JSFiddle: http://jsfiddle.net/bW52t/

pointer-eventsそれ以外の場合は、要素を「クリックスルー」にするために使用します

HTML:

<div id="menulogo"><img src="http://www.marcellokabora.com/web/wokomoko/img/menulogo.png"/></div>
<input id="myinput" type="text" name="" value="SELECT ME PLEASE !"/>

​

CSS:

#menulogo,#menulogo  img{
    pointer-events: none;
}
#myinput{
    position: absolute;
    top: 130px;
    left: 260px;
    font-size: 20px;
}​

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

于 2012-12-08T17:26:54.267 に答える
1

z-indexが設定されている場合、その透明な画像要素によってオーバーラップされているものにアクセスする方法はないと思います。もちろん、画像のz-index値を変更したり、すぐに非表示にしたりする短いJSを作成することもできますが、このプロパティを編集しないと、かなり不可能だと思います。

乾杯！

于 2012-11-26T19:10:04.223 に答える
1

これはトリッキーです。z-index を使用している場合でも、画像のインデックスを設定しようとすると、古い IE ブラウザで問題が発生します。IE7 のようなブラウザは、画像が入力ボックスの背後にある場合でも (たとえば)、画像のインデックスを無視するようです。あなたの最善の策は、画像をcssのdivの背景画像として設定し、両方の要素に絶対位置を持たせることです。

<div style="position:absolute; background: url(images/myimage.jpg) no-repeat"></div>
<div style="position: absolute; left : 15px">
    <input type="text" />
</div>
于 2012-11-26T19:19:49.070 に答える