基於屏幕大小的圖像移動

-2

正如你們可以see here如果屏幕變大或變大或變小，BOAT右側的「新」圖像就會移動。我需要它停止移動並留在船旁邊。這裏是帶有內聯CSS的html。基於屏幕大小的圖像移動

<li> 
    <img src="/images/new_sandycove.png" style="margin-top: -29px; position: absolute; margin-left: 965px; z-index: 1;"> 
     </li>

幫你解決什麼問題？你想讓圖片停止移動？你希望它與其他元素一起移動？ – TylerH

我需要它停止移動並留在船旁 – user3630070

我不同意它不清楚。 OP沒有很好地理解絕對定位的概念。 –

您的<img>是絕對定位的。您需要確保包含父項<li>已設置position: relative;。

當元素有position: absolute;時，它被絕對定位到最近的父親，它明確地具有position CSS設置，如果沒有，那麼它就是正文。

2014-05-12 20:48:27

感謝您的幫助。我現在修好了。 – user3630070

你究竟在哪裏？簡單的答案是完全取出樣式標籤，然後可能會將其與該行中的其他項目並排放置。或者，您可以將其移動到UL標籤上方，從中移除LI標籤，並使用style =「float：right;」 - 這可能會把它放在你想要的地方，這取決於你是否在容器上設置了寬度。

2014-05-12 20:50:51 user3558245

回答