gpt4 book ai didi

css - 如何在 Chrome(和其他 webkit 浏览器)中对图像进行圆 Angular 处理?

转载 作者:太空狗 更新时间:2023-10-29 12:38:06 25 4
gpt4 key购买 nike

在 Firefox 中,如果我将图像放入一个元素中,然后使用 border-radius,Firefox 会剪裁该图像,它看起来很棒!在 IE9 中的工作方式相同(太棒了!)。在 Chrome(或任何 webkit 浏览器)中,边框是圆形的,但它不会剪裁图像并且看起来很糟糕。我做错了什么?

border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;

Image Example

最佳答案

将其放入div?并分别设置它们的样式。

http://jsfiddle.net/Stijntjhe/bFECN/1/

关于css - 如何在 Chrome(和其他 webkit 浏览器)中对图像进行圆 Angular 处理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6127613/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com