English 中文(简体)
重叠两个分区隐藏内容
原标题:Overlap two Divs hides contents

我们使用“postion:absolute”和z索引来重叠两个Div。

http://jsfiddle.net/z5GXV/

绿色区域(div id=“Zone2”)中的文本被黄色区域(div id=“Zone3”)中文本隐藏。有关于如何显示文本的帮助吗?

第1版:我们不能使用嵌套的div。

问题回答

我不确定所有的绝对定位有什么好处,但你可能想把黄色区域放在绿色区域div中,并使用float。

绿色区域内有浮子的溶液

带填充的解决方案

我能想到的最简单的方法是:

Zone2中使用一个嵌套的div来包装文本,并使其看起来像是包装到Zone3

这类似于使用<;p><;span>显示的code>:块

jsFiddle示例





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!