1

使用 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 更改并在网上搜索了这个问题，但找不到任何类似的东西。任何帮助都会很棒，谢谢。

4

1 回答 1

2

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

于 2012-08-13T15:42:09.367 回答