栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在CSS中强迫孩子服从父母的弯曲边界

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在CSS中强迫孩子服从父母的弯曲边界

根据规格:

框的背景而不是其边框图像被裁剪为适当的曲线(由“ background-
clip”确定)。修剪到边框或填充边缘的其他效果(例如“可见”以外的“溢出”)也必须修剪到曲线。 替换元素的内容始终会修剪到内容边缘曲线。
同样,边界边缘曲线之外的区域也不接受代表该元素的鼠标事件。

这意味着

overflow: hidden
打开
#outer
应该起作用。但是,这不适用于Firefox 3.6及更低版本。这在Firefox
4中已修复:

圆角现在可以剪辑内容和图像(如果溢出:未设置可见)。

因此,您仍然需要修复程序,只需将其缩短为:

#outer {  overflow: hidden;}#inner {  -moz-border-radius: 10px 10px 0 0;}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/635366.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号