在IE6,火狐等浏览器都没问题!IE8,样式 overflow 无效果!
<div id="demo" style="overflow:hidden; width:100%; color: #ffffff;position: relative;">
<table cellspacing="0" cellpadding="0" align="left" border="0">
<tr>
<td id="demo1" valign="top">
<table width="2000px" height="40px" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="171" background="pic_bg.jpg">
<div align="center">
<font color="#FF0000"><img src="images/tq.jpg" width="199" height="23"/></font></div>
</td>
</tr>
</table>
</td></tr>
</table>
</div>这代码为实现,横向的滚动通知 效果!
<div id="demo" style="overflow:hidden; width:100%; color: #ffffff;position: relative;">
<table cellspacing="0" cellpadding="0" align="left" border="0">
<tr>
<td id="demo1" valign="top">
<table width="2000px" height="40px" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="171" background="pic_bg.jpg">
<div align="center">
<font color="#FF0000"><img src="images/tq.jpg" width="199" height="23"/></font></div>
</td>
</tr>
</table>
</td></tr>
</table>
</div>这代码为实现,横向的滚动通知 效果!
position:relative;
height:300px;
width:200px;
overflow:hidden;
... }
#marquee img {
display:block;
}
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
如果你的元素不是块元素(BLOCK)或未设高度貌似不起作用的.
要么你设置padding或转块元素或设高度,方法如5L