html - 如何在div上叠加图像?

标签 html css z-index

我想在 div 的边框上放置一个小的圆形登录图像,这样半个图像将在边界线之外只是为了样式目的?我想我必须设置 z-index 但如何或者有更好的方法吗?

最佳答案

这正是您需要做的。

给你img一个类名。然后在你的样式表中添加这样的东西

#classname  
{
position: absolute;
z-index: 10;
top: #distance from top of page#
left: #distance from left of page#
}

z-index 需要是一个大于你的 div 的数字,如果你没有改变它,它的索引将为 0。

希望这对您有所帮助。

关于html - 如何在div上叠加图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3382004/

相关文章:

php - 在图像上绘制形状并将其保存在 PHP 中

css - Drupal:没有主题正在呈现

html - Z-index + 不透明度 = 失败,HTML/CSS

javascript - 为什么此按钮不会更改文本框?

JavaScript 和 HTML

javascript - 颜色的 CSS 选择器,与表示无关

CSS 下拉菜单 - 堆栈顺序不对?

css - z 索引和鼠标点击

javascript - 使容器在消失后出现并带有按钮

html - 插图框阴影显示周围边框并需要隐藏它