IE8-9隐藏图片?

时间:2013-12-17 09:33:19

标签: html css internet-explorer cross-browser

Chrome shows pictures

Chrome显示图片

Chrome shows font

Chrome显示字体

IE(8-9) hides pictures

IE(8-9)隐藏图片

IE(8-9) hides font

IE(8-9)隐藏字体

测试:

Opera 11.10(阻止一些链接并添加随机边距)

Firefox 26.0(确定)

IE 8(隐藏图像/字体/背景)

IE 9(隐藏图像/字体)

IE 11(好)

Chrome 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 {

}

1 个答案:

答案 0 :(得分:4)

第一个问题 - &gt; ID只能在页面上使用一次。 看看您的spans - 3个元素具有相同的ID。使用class进行更改。 另一个问题:您没有ID的表: table#kuvia 。 正确的是: #kuvia table

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