2009-11-13 6 views
7

divの背景画像が中央に(描画された)ボタンとその周りの他のいくつかの図を持っている場合。あなたがボタンをクリックできるようにしますが、それが意味をなさないならば、ユーザーがその周りの図をクリックすることを望まないので、div全体ではありません!私はパディングとマージンで遊んでいる時間を無駄にしていますか?私は2つのdivを作成する必要がありますか?私の上司は、前に1つのdivを使ってそれを作っていると言います。divの領域をクリック可能にするにはどうすればよいですか? div全体ではありません!

乾杯

答えて

5

divの内側に透明で相対的に配置された要素を配置します。それをボタンの上部に置き、ボタンと同じサイズにします。要素をクリックできるようにします。

+0

これは別のやり方ができるかどうかを知りたかったのです。お返事 –

5

要するに - そうではありません。

背景は背景です。彼らは満足ではありません。彼らはインタラクティブではありません。

これをハックすることは可能ですが、そうしないでください。ユーザーが対話するためのコンテンツがある場合は、コンテンツとして提示します。 <img>を使用します。

+0

私はこれを理解していますが、通常このようにしますが、この場合はできません! –

2

あなたはdivの「位置:相対」を作ることができ、その後、クリーンな方法だろう

display: block; 
width: your_width; 
height: your_height; 
position: absolute; 
left: your_position_x; 
top: your_position_y; 

を使用して、図面上< >タグを配置。

9

は、このコードを試してみてください。

#container { width:200px; height:100px; position:relative } 
#clicker { display:block; width:20px; height:10px; position:absolute; top:20px; left:100px; } 

<div id="container"> 
    <a id="clicker" href="#link"></a> 
</div> 

明らかにあなたがクリック可能にしたいエリアを一致させるために、すべての寸法を変更します。

+2

なぜあなたはそれを投票しますか、それは有効な解決策です – rochal

関連する問題