Question

使用IE查看我的页面时，我会看到这些未知的CSS元素，而这些图像似乎无法删除。 奇怪的3D风格图片插入式内容。我不在Chrome中出现此问题。这个问题不是网站破解，但我想解决这个问题。

http://www.cashgrainbids.com/ie_issue.png http://www.cashgrainbids.com/ie_issue.png

HTML

 <img src="" id="areaMappingToggle" class="toggleImageClose" alt=""/>

CSS

 .toggleImageOpen
    {
    float: right;
    margin: 0px;
    width: 12px;
    height: 12px;
    display: inline;
    background: url(../Images/Basis/arrow_open.png) no-repeat;
    background-position: 0 0;
    overflow: hidden;
    }

    .toggleImageOpen:hover
    {
    background-position: 0px -12px;
    cursor: pointer;
    }

    .toggleImageClose
    {
    float: right;
    margin: 0px;
    width: 12px;
    height: 12px;
    display: inline;
    background: url(../Images/Basis/arrow_close.png) no-repeat;
    background-position: 0 0;
    overflow: hidden;
    }

    .toggleImageClose:hover
    {
    background-position: 0px -12px;
    cursor: pointer;
    }

我已经尝试了我能想到的每一个CSS变化，并在网上搜索了这个问题，但找不到类似的东西。任何帮助都会很棒，谢谢。

Answer 1

IE无法加载图片时会显示此边框。从样式中删除背景图像并将路径放在img元素的src属性中，或将img元素更改为<div>或<span>

仅在IE中从图像中删除未知的css元素

1 个答案: