2012-11-02 45 views
0

我正在尝试将页面(位于右下角)上的Trip Advisor图像移动到该页面。正如在这个截图中看到的那样,它需要向上并向右移动以适应橙色/粉红色框。无法通过CSS移动图像

screenshot

当我申请的负利润率,图像被隐藏在橙/粉红色框。我已经尝试添加各种Z-index值,以使它出现在顶部,但似乎没有任何工作。

任何想法我做错了什么?

注意:此图片(用于Trip Advisor)也在主页上重复使用。应用的任何CSS样式都不应该影响主页上图像的位置。

+2

不能做任何事情没有看到代码...你可以张贴[的jsfiddle(HTTP:// WWW .jsfiddle.net)? – fncombo

+0

z-index用于在其他图像上方显示图像。此图片位置错误。如果你想要的地方是div,试着把图像放在里面,然后添加position:absolute;保证金权:15px的;到图像的CSS。 – user1534664

回答

2

没问题!希望这可以帮助。

.TA_rated { 
    width: 155px; 
    height: 77px; 
    position: absolute; 
    left: 265px; 
    top: -6px; 
    margin: 0; 
} 

编辑:只有在Safari中测试,但应该确定在别处......

+0

谢谢!完美工作。我将选择器更改为.advertBlock .TA_rated以仅隔离此页面上的移动。所以,问题是我使用margin-top而不是top,是否正确? –

+0

太棒了!作为一般规则,我在定位某些东西时使用了顶部/左侧/底部/右侧属性,因为,这就是它们的用途。 ;) –