<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.box{position:relative;}.bg{position:absolute; left:5px; top:5px; z-index:-1; font-size:12px;}input{ height:20px; background-color:transparent; border: 1px solid #F00;}</style></head><body><div class="box"><span onClick="alert('我是背景')" class="bg">文明扯淡，利国利民。</span><input type="text" /></div></body></html>誰か知っていますか？
テキストを使用する代わりに、半透明の画像を入力の背景として使用すると、問題を解決できます
テキストを使用する代わりに、半透明の画像を入力の背景として使用でき、問題を解決できます
+1
またはフィルターしてみてください
入力の背景画像を div の背景画像と同じに設定するだけです
2 階の jellday からの返信を引用:
半透明の画像を次のように使用できますテキストの代わりに入力の背景を変更するだけで解決できます
+1
またはフィルターを試してください
フィルター、半透明とグラデーション、どちらも透過性を試してください。
テキストを使用する代わりに半透明の画像を入力の背景として使用できます
あなたが言ったことは可能で、1 ピクセルの半透明の PNG を使用しますが、この解決策は CSS 画像と組み合わせることができず、IE6 では機能しません。強力ではありません。なので、フィルターか何かで侵入を防ぐことはできないのかなと思います。
テキストを使用する代わりに、半透明の画像を入力の背景として使用できます。
画像にテキストを書き込んでその画像を背景として使用することは、テキストはいつでも変更され、再利用できないため、あまり適切ではありません。 。 mail.qq.com を参照してください。IE では、背景も透明になります。その解決策は、背景のテキストをクリックして上の入力ボックスにフォーカスすることです。
私の解決策は非常に簡単です: 入力に属性を追加します:
background:url(0) no-repeat;
非常に優れており強力です
私の解決策は非常にシンプルです: 入力に属性を追加します:
CSS code1background:url(0) no-repeat;
すべてのブラウザと互換性があります、笑!
はい、私の問題は解決しました
LZ、あなたは私の神です、あなたは私が大きな問題を解決するのを手伝ってくれました！
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
