ページ内の他の要素のレイアウトに影響を与えずに「div」を展開する方法を考えています。具体的には、 http://www.ikea.com/us/en/catalog/categories/departments/kitchen/kitchen_int_lighting/に似た効果を実現したいと思います。マウスを任意の製品の上に置くと、ボックスが展開されて詳細情報が表示されます。ただし、以下の製品画像などの他の要素は拡張の影響を受けません。
質問する
9514 次
4 に答える
8
絶対位置を使用します。
むしろ、より高い z-index でその位置に追加の div を追加して、div に onhover イベントを書き込むことによって、同じ効果を達成することもできます。
于 2012-09-13T07:26:08.077 に答える
1
絶対配置を使用すると、div を拡大/縮小でき、その周りの他の要素には影響しません。
于 2012-09-13T07:10:21.523 に答える
1
position:absolute;div のスタイルに追加します。こうすることで、他の要素と干渉することはありませんが、重なり合うことはなく、幅と高さを任意に指定できます。
于 2012-09-13T07:16:47.873 に答える
0
絶対にdivを配置し、z-indexが最上位にあることを確認してください。CSSだけでもできますが、jsの方が簡単かもしれません。
于 2012-09-13T07:10:59.487 に答える