Asp.net div或asp:面板背景图像

Asp.net div或asp:面板背景图像,asp.net,css,html,panel,Asp.net,Css,Html,Panel,我试图在div(或asp:panel)的右下角显示背景图像,但我认为display:inline块导致它不显示。这是必需的,因为我有多个框在屏幕上水平对齐(没有它,它们会垂直显示) css: css有什么问题吗? 我在每个div中都显示了一个表,这可能是原因吗?如果您认为display:inline块是问题所在。您始终可以使用“左浮动”来彼此对齐 CSS .showIcon{ background: url('Images/icon.png') no-repeat right b

我试图在div(或asp:panel)的右下角显示背景图像,但我认为display:inline块导致它不显示。这是必需的,因为我有多个框在屏幕上水平对齐(没有它,它们会垂直显示)

css:

css有什么问题吗?
我在每个div中都显示了一个表,这可能是原因吗?

如果您认为display:inline块是问题所在。您始终可以使用“左浮动”来彼此对齐

CSS

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

您的代码没有问题。正如你所问的,没有一张桌子不会有任何区别

看到这个摆弄你的代码:

我唯一添加的是尺寸:
height:100px;宽度:100px以进行说明


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

您的图像文件夹是保存CSS文件的地方吗?如果您需要从站点根目录引用图像文件夹,它应该是“/Images/icon.png”,请发布您的asp或html,以便我们可以看到问题所在。我不相信css有什么问题。这个表格看起来实际上是在上面画的。通过设置cell/tables css属性,它显示得很好。
.showIcon{
        background: url('Images/icon.png') no-repeat right bottom;
        float: left;
        box-shadow: 2px 2px 2px #808080;
    } code here