CSSを使って画像上にオブジェクトを浮かべますか？

cssを使って画像上にオブジェクトを浮かべることは可能ですか？私はイメージ（それは背景ではない）の上にフォームを配置したい。フロートは機能しませんが、この機能を提供する変数がありますか？CSSを使って画像上にオブジェクトを浮かべますか？

オブジェクトを浮動させると、オブジェクトの両側にテキストがプッシュされます。私が探しているのは、これをしないものです。それは、その下にあるものに関係なく浮動小数点になります。

2010-11-30 user494216

z-indexプロパティを試してみて、フローティング要素が何をするかではありません。フローティング要素は依然としてドキュメントフローの一部であり、そうでない要素が必要です。

使用、ドキュメントフローのうちの要素を取るために、その方法は、それが離れて他の要素をプッシュしないであろうと、あなたが他の要素の上に置くことができ、絶対位置：

<div style="position:relative">  
    <img src="image.jpg" alt="" /> 
    <div style="position:absolute;left:0;top:0;"> 
    This text is on top of the image 
    </div> 
</div>

position:relative行為を持つ要素その内部の絶対配置された要素の起点として、テキストがページの左上隅ではなく画像の上に配置されるようにします。

出典

2010-11-30 19:21:42 Guffa

フォームの書式設定に使用されるdivまたは（はい、私が言っていることですが）テーブルの背景イメージを問題のイメージにすると、フォームはイメージ上に「浮動」します。それはあなたのニーズに十分でない場合

は、http://w3schools.com/css/css_positioning.asp

出典

2010-11-30 19:08:48 DwB

イメージマップなので、背景にすることはできません。私はそのウェブサイトを見て、リンクのおかげで。 – user494216

@OPイメージマップの場合、クリック可能である必要はありませんか？その上に何かがあることは、その点で不便ですか？ – Orbling

をチェックアウト、あなたが探しているものを

<html> 
<head> 
<style type="text/css"> 
img 
{ 
position:absolute; 
left:0px; 
top:0px; 
z-index:-1; 
} 
</style> 
</head> 

<body> 
<h1>This is a heading</h1> 
<img src="w3css.gif" width="100" height="140" /> 
<p>Because the image has a z-index of -1, it will be placed behind the text.</p> 
</body> 
</html>

出典

2010-11-30 19:14:17 yvoyer

CSSを使って画像上にオブジェクトを浮かべますか？

答えて

関連する問題