首頁猿問圓角overflow:hidden...

圓角overflow:hidden在子元素中設置了transform的時候圓角隱藏失敗

CSS3 Html/CSS

yunnaneryuan 2015-11-05 17:22:25

css3 父元素是用border-radius：50%設置圓角,overflow:hidden之后子元素中設置了transform:skew?父元素的overflow:hidden在圓角的地方失效，僅僅是按照父元素為非圓角的時候覆蓋子元素這個文藝應該問么解決呢

查看完整描述

5 回答

慕粉1325569603

TA貢獻1條經驗獲得超2個贊

在父元素的css中設置position:relative;z-index:1;即可

2 反對回復 2017-07-20

qq_曹躍剛_03182429
是什么原因呢？

回復 2017-08-18

慕運維1610465

TA貢獻1條經驗獲得超2個贊

-webkit-transform:rotate(0deg);

實測有效

2 反對回復 2017-01-15

肆意妄為

TA貢獻8條經驗獲得超1個贊

你看下是不是父元素大小的問題，首先你將父元素寫成固定大小，而且比子元素小點，再試試。有可能是子元素傾斜的時候對角將父元素撐大了，那樣子元素就沒有溢出，當然不會隱藏

反對回復 2016-01-26

arlenhui

TA貢獻30條經驗獲得超5個贊

<!doctype?html>
<html>
<head>
<meta?charset="UTF-8">
<title>a</title>
<style?type="text/css">
.box?{
width:?50px;
height:?50px;
overflow:?hidden;
border-radius:?10px;
background-color:?green;
}
.red?{
background-color:?red;
-webkit-transform:scale(1);
???????transform:scale(1);
}
</style>
</head>
<body>
<div>
<div>123</div>
</div>
</body>
</html>

似乎沒有遇到這個問題，可以貼代碼和瀏覽器版本出來嗎？

反對回復 2016-01-25

weibo_Z__張臻_0

TA貢獻1條經驗獲得超0個贊

我也遇到了同樣的問題。父元素設置了border-radius、overflow : hidden屬性，如果子元素設置了transform的話，子元素沒有圓角效果

反對回復 2016-01-14

5 回答
0 關注
6769 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

圓角overflow:hidden在子元素中設置了transform的時候圓角隱藏失敗

圓角overflow:hidden在子元素中設置了transform的時候圓角隱藏失敗

5 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

圓角overflow:hidden在子元素中設置了transform的時候圓角隱藏失敗

圓角overflow:hidden在子元素中設置了transform的時候圓角隱藏失敗

5 回答

相關問題推薦

添加回答