css如何在页面上对齐图形

时间:2014-03-04 10:03:49

标签: css

我正在尝试对齐与主要页面元素和填充元素重叠的图形。怎么样 去做这个?我有一个蓝色圆圈按钮(点击这里),我想放在页面上的下一个图片位置。

的CSS:

enter image description here

1 个答案:

答案 0 :(得分:0)

如果要将元素放在特定位置的所有其他元素之上,则应将其移出所有其他元素,使其成为<body>的直接子元素。如果您将其直接放在结束</body>标记之前,那么如果您未在任何地方使用z-index css-property,它应该是最顶层的元素。如果这样做,也可以将它应用到您的蓝色圆圈中。

然后将其放置到特定位置,请使用以下CSS:

#blue_circle {
position: absolute;
top: [whatever you want]px;
left: [whatever you want]px;
}

当然你也可以使用相对定位(%而不是px)来设置元素的位置。