cuốn sách gpt4 ai đã làm

tràn - Opera mới nhất không tràn ẩn khi sử dụng thuộc tính bán kính đường viền

In lại Tác giả: Walker 123 更新时间:2023-11-28 13:02:40 28 4
mua khóa gpt4 Nike

使用 border-radius Opera 实际上不会隐藏元素的溢出部分。我已经尝试应用我设法在类似线程中找到的东西,例如定义边框样式或注意使用绝对和相对参数进行定位。但它仍然无法正常工作。

html







CSS

.node {
vị trí: tương đối;
chiều rộng: 250px;
chiều cao: 250px;
opacity: 0.9;
bán kính đường viền: 50%;
tràn: ẩn;
left: -60px;
border: solid 1px transparent;
}

.skill {
vị trí: tuyệt đối;
trên cùng: 0;
trái: 0;
chiều rộng: 50%;
height: 50%;
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
}

.skill1 {
background-color: #26ac79;
-webkit-transform: rotate(90deg) skewX(45deg);
transform: rotate(90deg) skewX(45deg);
}

.skill2 {
background-color: #25765f;
-webkit-transform: rotate(135deg) skewX(45deg);
transform: rotate(135deg) skewX(45deg);
}

.skill3 {
background-color: #25313f;
-webkit-transform: rotate(180deg) skewX(45deg);
transform: rotate(180deg) skewX(45deg);
}

.skill4 {
background-color: #25193d;
-webkit-transform: rotate(225deg) skewX(45deg);
transform: rotate(225deg) skewX(45deg);
}

Đây là câu đố: http://jsfiddle.net/Mu9Ar/

Cảm ơn sự giúp đỡ của bạn.

câu trả lời hay nhất

实际上,您提供的代码适用于带有 Blink 引擎的最新 Opera,因此我想您可以保留代码原样。但是,如果您需要它在 12.16 及更高版本中工作并且您的页面背景是白色,您可以做的是将 .png 覆盖在您的图表上,这将裁剪图表,就像网络开发人员在过去没有 边框半径:)

关于overflow - 最新歌剧在使用 border-radius 属性时不会 overflow hidden ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21044099/

28 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress