0

我是这个世界的新手，但我如此热爱它。如果我提出荒谬的问题或发布的内容不太正确，请原谅我的新手身份。请在您认为合适的情况下提出建议。

我试图让一个按钮漂浮在图像上。我将图像作为内联元素引入，以便在 Dreamweaver 中保留 PSD 链接，而不是将其作为背景图像引入并用于 alt 属性应用程序。我猜问题是我希望内联图像充当一个块？那正确吗？我已经能够使用按钮的相对定位和图像的绝对定位来让按钮浮动在图像上，但是我无法将整个东西放在页面上。非常感谢您的任何建议！

CSS

#container {
    margin: auto;
    display: block;
}

#button {
    width: 100px;
    height: 100px;
    background-color: blue;
    float: left;
    position: relative;
}

HTML

<body>

  <div id="container"><img src="index.jpg" width="1200" height="900" /></div> 

  <div id="button"></div>

</body>
4

1 回答 1

0

在内容 div 中移动按钮 div：

<div id="container"><img src="index.jpg" width="1000" height="900" /><div id="button"></div></div>

然后将您的容器更改为内容的宽度。位置设置为相对。然后，将按钮放置在容器 div 内，具有绝对、顶部和左侧。

#container {
margin: auto;
display: block;
width:1200px;
position:relative;
}

#button {
width: 100px;
height: 100px;
background-color: blue;
position: absolute;
top:0px; left:20px;
}
于 2013-10-01T01:07:59.613 回答