asp.net - 显示从一个 div 到另一个 div 的图像溢出

Question

有关图像和图表，请参阅以下链接。Image , diagram 这是示例图像。这里“消息”标题是左侧的单独 div 浮动 “Joe Smith and you” 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范围更广，而不会推动任何其他元素或影响网站的布局。这听起来正是你想要做的。这是一个例子。

使用这种方法，您不必首先使用两个divs 作弊，只需将背景图像应用到一个 s 上即可div。

---

看看这个例子，右边距在悬停时变为负数。