Chrome显示图片
Chrome显示字体
IE(8-9)隐藏图片
IE(8-9)隐藏字体
Opera 11.10(阻止一些链接并添加随机边距)
Firefox 26.0(确定)
IE 8(隐藏图像/字体/背景)
IE 9(隐藏图像/字体)
IE 11(好)
Chrome 31.0.1650.63 m(确定)
<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>
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 {
}
答案 0 :(得分:4)
第一个问题 - &gt; ID
只能在页面上使用一次。
看看您的spans
- 3个元素具有相同的ID
。使用class
进行更改。
另一个问题:您没有ID
的表: table#kuvia
。
正确的是: #kuvia table
。
使用img{display: block;}
。 **
list-style
属性适用于lists
,请勿将其与tables
一起使用。