asp.net - 图像不显示在 Internet Explorer 中

Question

在我的 aspx 文件中，

<div id="blueBar">
        <div style="position: absolute;">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Styles/images/blueBar_01.jpg" Width="150px"
                Style="margin-top: 4px" /><br />
        </div>
        <div style="top: 35%; position: absolute">
            <asp:Image ID="Image2" runat="server" ImageUrl="~/Styles/images/blueBar_02.jpg" Width="150px" /><br />
        </div>
        <div style="position: absolute; bottom: 0">
            <asp:Image ID="Image3" runat="server" ImageUrl="~/Styles/images/blueBar_03.jpg" Width="150px" /><br />
        </div>
    </div>

Firefox 浏览器可以显示图像（Image1、Image2、Image3）。
但 Internet Explorer 无法显示！我看到了十字标志。我想知道为什么以及如何解决？
我用的是IE版本（8.0.7601.17514）

Answer 1

如果您的 Style 文件夹位于根级别，请尝试：-

<div id="blueBar">
        <div style="position: absolute;">
            <asp:Image ID="Image1" runat="server" ImageUrl="Styles/images/blueBar_01.jpg" Width="150px"
                Style="margin-top: 4px" /><br />
        </div>
        <div style="top: 35%; position: absolute">
            <asp:Image ID="Image2" runat="server" ImageUrl="Styles/images/blueBar_02.jpg" Width="150px" /><br />
        </div>
        <div style="position: absolute; bottom: 0">
            <asp:Image ID="Image3" runat="server" ImageUrl="Styles/images/blueBar_03.jpg" Width="150px" /><br />
        </div>
    </div>