图像背景位置以50％为背景图像居中，但定位元素不为

-1

图像背景位置为50％左侧居中背景图像但绝对定位元素剩下50％不居中div元素为什么？图像背景位置以50％为背景图像居中，但定位元素不为

下面是代码：

<div style="position:relative;height:100px; background:url(images/demo.jpg) no-repeat 50% 0"> 
     <div style="min-height:40px; width:140px; background-color:#aaa;position:absolute;top:0;left:50%;"> 
      heloo this is just a demo 
     </div> 
    </div>

运行这段代码！

来源

2013-02-26 blue ghhgdtt

告诉我们代码 – Toping 2013-02-26 11:20:05

我加了我的代码 – 2013-02-26 16:02:47

将img设置为块元素并将其浮动到左侧。

您可以使用display：table来显示父div，并显示：table-cell & vertical-align：位于img中间，这可能有助于使其对齐中心。

display: table-cell; 
vertical-align: middle;

来源

2013-02-26 11:17:26 Aleem

没有代码很难理解你的问题，但...

定位的元素绝对会相对于它的父元素定位。确保父元素具有适用的正确布局（宽度，高度，position: relative等），您应该看到不同之处。

来源

2013-02-26 11:22:33 MassivePenguin

我在 – 2013-02-26 16:03:47

上面加了一个代码你的代码工作正常：http://jsfiddle.net/WmZsk/内部div的左上角位于它的0,50％家长。如果你想以内部div为中心，最快捷的方法是定位它_relatively_而不是：http://jsfiddle.net/WmZsk/1/然后你可以使用z-indexing在其顶部放置另一个div。这不是非常有效，但我想不出另一种方式（没有为容器和内部div设置定义的宽度，或使用Javascript）来实现你想要的 - CSS只是没有被切断。 – MassivePenguin 2013-02-26 17:54:16

图像背景位置以50％为背景图像居中，但定位元素不为

回答

相关问题