- CSS code
<div id=i1> <div id="img1"></div> <span>个人信息</span> </div> <div>..........内容<div> <div id=i2> <img src="1.jpg"> <ul><li>小霞</li><li>男</li><ul> </div>
请问如何把id=2的内容,显示到到img1的位置上的。
------解决方案--------------------
有很多方式.简单的:
- HTML code
<!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>Untitled Document</title> <style type="text/css"> #i2{border:1px solid #ccc;background-color:#eee;position:relative;width:140px;float:left;height:140px;} #i2 img{display:block;} #i2 ul{position:absolute;top:0;left:0;float:left;background-color:#fff;width:100px;border:1px solid #ddd;z-index:10;} </style> </head> <body> <div id="i2"> <img src="http://avatar.profile.csdn.net/8/A/9/2_wangmeizhike02.jpg" /> <ul><li>小霞</li><li>男</li></ul> </div> </body> </html>
------解决方案--------------------
------解决方案--------------------
服了!是让你看相对定位和绝对定位的应用!难不成你网站的CSS让我写
------解决方案--------------------
区别一下相对定位和绝对定位;如果你需要相对一个元素定位的话,就把另一个元素设成它的子级。详细:http://hi.baidu.com/xuemeiweb/blog/item/2e9f5f5cea2fda4cd009065e.html
------解决方案--------------------
------解决方案--------------------
擦,这楼主真业余!
------解决方案--------------------
这个是实现不了的!!