Javascript 图像位于另一个Div上的Div

我想在右边的菜单上显示一个图像，但它在IE和Windows10上的MicrosoftEdge上不起作用

<div class="menuDiv">
        <ul id="menu">
            <div class="menu_image"></div>
            <li><a><img src="img/image_1.png"></a>
                <ul id="seccion_1"></ul>
            </li>
            <li><a><img src="img/report_image.png"></a>
                <ul id="seccion_2"></ul>
            </li>
        </ul>
    </div>

这就是它在Chrome和Firefox上的外观

这就是IE的外观

如何在IE上显示图像

我在JSFIDLE上设置了一个类似的示例

添加

.menu{
   display: relative;
}

更改您的css或更改您的.menu\u图像，如下所示：

.menu_image
{
        content: url(../../../../../lib/img/image_logo.png);
        background-repeat: no-repeat;
/*        background-position: 98% 0%;*/
        width: auto;
        height: auto;
        float:right;
}

编辑： 顺便说一句，确保div具有适当的高度和宽度，您只需更改其高度和宽度以匹配图像的高度和宽度。

尝试以下方法：

.menu_image
{
        position: absolute; z-index: 9999;   
        content: url(../../../../../lib/img/image_logo.png);
        background-repeat: no-repeat;
        width: auto;
        height: auto;
        float:right;
}

---

如果这不起作用，可能是问题所在的“内容”

我找到了一个解决方案，我只是在类菜单上设置“：before”\u图像并起作用

.menu_image:before
{
    right: 0px;
    position: absolute;
        content: url(../../../../../lib/img/image_logo.png);
        background-repeat: no-repeat;
/*        background-position: 98% 0%;*/
        width: auto;
        height: auto;
}

---

问题是您的

内容
CSS属性。这仅适用于
：：在
之前或
：：在
psudo元素之后时有效：


您有两个选择：

1）如果图像在内容上下文中很重要（因此您肯定希望所有用户都能看到），只需在标记中添加一个

另外，由于您使用绝对定位来定位图像，因此对我来说，添加实际的
标记并直接定位它们比定位空
div
元素并将图像设置为背景更有意义

如果图像表示导航按钮，请使用此方法1。

2）如果图像对内容上下文不重要，您可以使用以下常规方法将其添加为背景图像：

背景图像：url（…）


背景图像存在可访问性问题（例如，当网页打印在纸上时，背景图像不包括在内，屏幕阅读器无法访问背景图像……但屏幕阅读器可以访问
元素的
alt
属性）因此，只有当它们只是为了装饰而不是内容上下文的一部分时，才使用它们。
您目前使用的是哪个版本的IE？您有小提琴吗？图像是否显示在另一个div的下方？如果是这种情况，试着查看
z-index
not work，问题似乎是内容：不显示图像的url，我设置了div的副本，但没有显示图像不工作，问题似乎是内容：不显示图像的url，我设置了div的副本，但没有显示图像不工作，问题似乎是内容：url不显示图像，我设置了div的一个副本，但没有显示图像。为什么不使用
背景图像
属性，或者只是在div中添加
img
标记？这不是一个好答案，你不应该仅仅使用psudo元素来破解CSS规则。最好是按照他们的意图使用它们。请查看我的答案，以获得更全面的解释。
.menu_image:before
{
    right: 0px;
    position: absolute;
        content: url(../../../../../lib/img/image_logo.png);
        background-repeat: no-repeat;
/*        background-position: 98% 0%;*/
        width: auto;
        height: auto;
}