IE8下css overflow:hidden怎么没效果?

IE8下css overflow:hidden怎么没效果?下面本篇文章给大家介绍一下IE8下的overflow:hidden不起作用的原因和解决方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

overflow:hidden不起作用、没效果

当块元素想呈现该元素内部内容不换行或者超过该元素的部分隐藏起来,原来这样设置,IE6、IE7、FF都是可以实现的,但IE8不可以,原因是IE把overflow:hidden禁止了。

如果实现同样的效果,要添加样式display:inline-block;height:30px;/*高度是想要设置的高度*/这样就可以实现了。

拓展:

CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。

overflow属性有以下值:

1.png

注意:overflow 属性只工作于指定高度的块元素上。

注意: 在 OS X Lion ( Mac 系统) 系统上,滚动条默认是隐藏的,使用的时候才会显示 (设置 "overflow:scroll" 也是一样的)。

更多web前端知识,请查阅 HTML中文网 !!

以上就是IE8下css overflow:hidden怎么没效果?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏