怎么将一个Div浮在另一个Div上面? 10

就像图片中弹出日期信息不被右边图片挡住,怎么才能显示在图片上面?... 就像图片中弹出日期信息不被右边图片挡住,怎么才能显示在图片上面? 展开
 我来答
hahazaixian6a
推荐于2017-06-09 · TA获得超过1295个赞
知道小有建树答主
回答量:1265
采纳率:100%
帮助的人:706万
展开全部
如果只是单纯的一个浮动到另一个上面,就用相对绝对定位,如果要跟日历一样的话,就要使用js了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>绝对定位相对定位</title>
<style>
* { margin: 0; padding: 0; }
.fj1 { width: 150px; position: relative; height: 150px; border: 1px solid #000; background: #999; margin: 0 auto; }
.zj1, .zj2 { width: 50px; height: 50px; position: absolute; right: -20px; top: 20px; border: 1px solid #F00; background: #FFF; z-index: 3 }
.zj2 { right: -50px; top: 40px; z-index: 4; background: #903; border: 1px solid #093; }
</style>
</head>

<body>

<div class="fj1"> 我在下面
<div class="zj1">我浮动在上面</div>
<div class="zj2">我浮动最上面</div>
</div>
</body>
</html>
追问
我知道了,是我右边的装图片的这个层用了position:relative;是不是z-index遇到position就不管用了?
追答
不用position,z-index,就失效了。。。。
我才是大海
2012-11-29 · TA获得超过831个赞
知道小有建树答主
回答量:1361
采纳率:0%
帮助的人:716万
展开全部
研究一下css的position以及 z-index属性。

给你一个实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="position:relative; width:200px; height:200px; background:#009">
<div style="width:100px; height:100px; position:absolute; top:80px; right:-20px; background:#900; z-index:999">我在上面</div>
</div>
</body>
</html>

祝你成功!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
缓步莫迟疑C
2012-11-29 · TA获得超过1.1万个赞
知道大有可为答主
回答量:6217
采纳率:73%
帮助的人:6515万
展开全部
如果在框架边缘,那么框架内的层无法跨越框架,如果不是框架的原因.给你想显示在上层的DIV元素的zIndex样式指定一个比较大的数值.比如style="zIndex:9999;"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
六哇丶与蝶摸07
2012-11-30 · 超过10用户采纳过TA的回答
知道答主
回答量:45
采纳率:0%
帮助的人:21.4万
展开全部
这个效果是用ajax 实现的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
洲如巴b
2012-11-29
知道答主
回答量:21
采纳率:0%
帮助的人:8.1万
展开全部
这个是JS效果
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式