html - 从中心定位绝对图像?

标签 html css positioning

是否可以调整图像的位置,使其绝对远离中心而不是左侧或右侧?

因为如果我使用:

#marker {
    position:absolute;
    z-index:999;
    right:250px;
    top:400px;
}

它在我的显示器上看起来不错,但在较小的笔记本电脑分辨率上看起来很差。 我需要做的是将图像推离中心,这样即使在不同的屏幕尺寸上它也能位于同一个位置。

对不起,如果我没说清楚

最佳答案

绝对 定位是从具有相对 位置的最近父级计算的。所以你可以做的是,添加一个具有相对位置的父级并放在中心(你想要你的图像的地方)。

然后你可以给这张图片添加绝对定位,它会从父 Angular 开始计算。

Js Fiddle Demo

关于html - 从中心定位绝对图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19030664/

相关文章:

javascript - 如何使 Canvas 背景透明

HTML/CSS 给 li 一个边距并且不影响其他 child

css - 取消 CSS 样式

javascript - 我可以使用 webmatrix 发布网站吗

html - 将页脚放在最底部,只有绝对内容

javascript - 单击时如何使按钮闪烁不同的背景颜色/

html - 可滚动的 div 以填充父级的剩余高度

javascript - 使用 jQuery Animate 分步动画图像 Sprite ?

JQuery 对话框和 Safari

html页面在使用相对定位时获取滚动条