0

fotolia.com のような検索バーの背景画像が必要でした。そのため、必要な場所に画像を配置し、その上にテキストボックスを相対的に配置してから、テキストボックスに background:transparent を設定して、テキストボックスから画像が見えるようにします...

これはFFとクロムで正常に動作します...テキストボックスを選択して入力を開始することは可能です..

IE8..テキストボックスは存在しますが、マウスを使用して選択することはできません...しかし、TABボタンを使用すると、テキストボックスが選択され、入力できます...唯一の問題は、テキストボックスであるIEにあります入力することを選択できません...

pls note: z-index は問題ではないようで、予防措置として、私はそれを高く保っています..

誰か助けてくれませんか..

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

4

1 に答える 1

0

透明なテキスト ボックスを配置するのではなくbackground-image、テキスト ボックスの を設定する必要があります。

input[type="text"] { background-image: url(foo.png); }

あるいは、 または他のブロック要素内に を配置して<input> 背景<div>画像を与えることもできますが、 のには配置できません<img>

于 2012-07-04T03:03:36.590 に答える