我有一个表格单元格,其中图像是单元格的完整宽度和高度。我想在图像顶部的单元格右上角放置一个按钮。我可以想象这可以用 CSS 实现。
(注意:我不想将图像用作单元格的背景图像!)
HTML
<td class="ImageHomeBandCenterArea">
<img src="/CorporateWebsite/Interface/AdminUploads/MarketingEndImages/TopImageBar_Center.png"
alt="Center Graphic" />
<input type="button" value="GET IN TOUCH" class="OrangeImageBannerButton" />
</td>
CSS 样式
.ImageHomeBandCenterArea
{
width: 1024px;
vertical-align:top;
}
.OrangeImageBannerButton
{
background-color:#ed6b1f;
color:#ffffff;
padding-left:25px;
padding-right:25px;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
font-size:14px;
cursor:pointer;
border:none;
}
非常感谢任何花时间回答这个问题的人!
最佳答案
为此任务使用 CSS 属性“z-index”。它定义了元素在屏幕上打印的顺序。此外,您可能希望对按钮使用绝对定位。
关于css - 将按钮定位在表格单元格内的图像上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22093350/