Question

我试图在div（或asp：面板）的右下角显示背景图像，但我相信显示：inline-block导致它不显示。这是必需的，因为我在屏幕上有多个水平对齐的框（没有它们垂直显示）。

的CSS：

.showIcon{
            background: url('Images/icon.png') no-repeat right bottom;
            display: inline-block;
            box-shadow: 2px 2px 2px #808080;
        }

css有什么问题吗？我确实在每个div中都有一个表格，这可能是原因吗？

Answer 1

您的代码没有问题。而且正如你所问，没有任何表格也没有任何区别。

请参阅此代码：http://jsfiddle.net/3V8m9/2/

我添加的唯一内容是尺寸：height: 100px; width: 100px;来说明。

可以有两种情况。一，你的图像路径不正确。二，宽度/高度可能不够。

Answer 2

如果您认为显示：内联块是问题。您可以随时使用float left将每个对齐。

<强> CSS

.showIcon{
        background: url('Images/icon.png') no-repeat right bottom;
        float: left;
        box-shadow: 2px 2px 2px #808080;
    } code here

div或asp：面板背景图片

2 个答案: