HTML
<body onload="MM_preloadImages('images/enterroll.gif')">
<div id="wrapper">
<div id="enterlogo"><img src="images/entrylogo.gif" width="600" height="600" alt="enterlogo" /></div>
<div id="enter"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('enter','','images/enterroll.gif',1)"><img src="images/enter.gif" alt="enter" name="enter" width="300" height="300" border="0" id="enter2" /></a></div>
</div>
</body>
CSS
body {
background-color: #CCC;
}
#wrapper {
height: 750px;
width: 750px;
}
#enterlogo {
height: 600px;
width: 600px;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
}
#enter {
height: 300px;
width: 300px;
}
所以我真正需要做的就是让div div位于包装器div的右下角.
为此,我需要它覆盖enterlogo div!我已经查找了许多关于z-index和定位方法的帖子,并且浮动权限正确,但所有这些帖子似乎都不尽如人意.
任何帮助都会受到赞赏,我打电话给朋友,他说将enterlogo div中的图像作为背景并将其他图像放入该div可能会有所帮助..我看不出它会如何工作!
PS翻转图像将成为一个链接,这将是页面上唯一的div片段.