顯示圖像從一個div溢出到另一個div

Question

請參考以下鏈接瞭解圖像和圖表。 Image，diagram這是示例圖像。這裏的「消息」標題是一個單獨的div浮動左「喬史密斯和你」div是浮動在右邊。在左側，所有的信息都在單獨的div中。現在我需要如下所示更改懸停時的背景圖像（如藍色箭頭）。背景圖片需要從左邊的div溢出到右邊的div。我試過下面的代碼，但它不會工作。它會根據div的大小進行裁剪。我需要像在圖像中一樣顯示完整圖像。

<div onmouseover="this.className='msgHover'"></div> ` 

上面是div上的代碼。和我的CSS類是

.msgHover 
    { 
     background-image: url('Images/MsgHighlight.png'); 
     overflow:auto; 
    } 

Answer 1

你不能讓背景圖像溢出div的邊界溢出。你可以，但是，使整個div溢出它使用負右邊距自己的界限：

#mydiv:hover 
{ 
    margin-right: -50px; 
} 

這將使整個div去不用按任何其他元素或影響網站的佈局什麼那麼寬。這聽起來像你想要做的。 Here's an example。

使用這種方法，您不必首先使用兩個div s作弊，並且可以將您的背景圖像應用於一個div。

---

看一看this example在右邊距動畫去懸停負。