IE8-9隐藏图片？答案

【问题标题】：IE8-9 hiding pictures?IE8-9隐藏图片？
【发布时间】：2014-01-04 23:58:52
【问题描述】：

Chrome 显示图片

Chrome 显示字体

IE(8-9) 隐藏图片

IE(8-9) 隐藏字体

已测试：

Opera 11.10（阻止一些链接并添加随机边距）

Firefox 26.0（正常）

IE 8（隐藏图像/字体/背景）

IE 9（隐藏图像/字体）

IE 11（正常）

铬 31.0.1650.63 m（正常）

HTML：

<button type="button" id="hideshow" value="Hide" class="css3button">
Hide 
</button>

<div id="kuvia">
                        <table style="position: relative; top: 0px;">
                        <tr cellspacing="200">
                           <td><span id="kuviavarjo"><a href="http://businessforum98.fi/"><img alt="Business Forum logo" src="css/images/businessforum.gif"></a></span></td>
                           <td><span id="kuviavarjo"><a href="http://www.laurea.fi/"><img alt="Laurea logo" src="css/images/laurea.gif"></a></span></td>
                           <td><span id="kuviavarjo"><a href="http://w3.fi/"><img alt="W3 Group logo" src="css/images/w3.gif"></a></span></td>
                           </tr>
                        </table>

CSS：

   button.css3button {
        margin-top: 0px;
        right: 0%;
        font-family: Century Gothic;
        font-size: 14px;
        width: 5%;
        height: 36px;
        top: 0px;
        position: relative;
        color: #ffffff;
        background: black;
        background: black;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: 0px solid #000000;
        letter-spacing: 2px;
        position: fixed;
        opacity: 0.6;
    }

    button.css3button:focus {
    outline: none;
    }

   table#kuvia{
background:red; 
height: 100px; 
width: 100%;
position: absolute;
text-align: center;
display: inline;
list-style: none;
}

td:hover > #kuviavarjo {
border: 1px dashed lightgreen;
}

#kuviavarjo {
height: 75px;
width: 100px;
display: inline-table;
}

#kuvia img {
height: 75px;
width: 100px;
display: inline-table;
}

#kuvia img:hover {

}

【问题讨论】：

显示那些“隐藏”图像的正确 html 和 css：它们是浮动的吗？什么职位？等
抱歉，忘记了。
一个 jsfiddle.net 会很好
我怀疑这是路径问题。 css/images 是该页面目录的子目录吗？
是的。我也尝试过使用 '\'s，但它不会改变任何东西。

标签： html css internet-explorer cross-browser

【解决方案1】：

第一个问题 -> ID 应该只在一个页面上使用一次。查看您的spans - 3 个元素具有相同的ID。更改使用class。另一个问题：您没有ID 的表：table#kuvia。正确的是：#kuvia table。

使用img{display: block;}。 ** list-style 属性用于lists，请勿与tables 一起使用。

【讨论】：