关于低版本chrome的position定位后overflow隐藏的问题
在360浏览器6.2版本(chrome内核版本21.XXX)中yudao遇到一个奇葩bug....给父元素设置圆角(border-radius),然后给其加position定位之后并设置overflow:hidden ，接着bug出现了,, 子元素超出父元素的边角居然没有隐藏,去掉position 后又正常.
看图：
360奇葩
问题：有什么方法在不去掉position和不设置子元素圆角的情况下 让子元素超出父元素的边角隐藏呢？？？ 跪求！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{
margin:0;
padding:0;
}
.out{
border-radius:50%;
position:fixed;
left:50%;
height:182px;
width:182px;
marign:auto;
overflow:hidden;
border:5px solid #FFF;
background:#FFFFFF;
}
.inner{
width:250px;
height:180px;
background:#FF6600;
}
</style>
</head>
<body style="background:#666666;">
<div class="out"><div class="inner"></div></div>
</body>
</html>
如果你对这篇文章有疑问，欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论，获取更多帮助。
测试下IE和CHROME呗，为什么一定要纠结山寨浏览器呢？
发布评论
需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。