显示图像从一个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在右边距动画去悬停负。