Safari中不包括边界半径的溢出隐藏...有时

Safari中不包括边界半径的溢出隐藏是指在Safari浏览器中，当一个元素设置了边界半径（border-radius）属性，并且溢出隐藏（overflow: hidden）时，边界半径的效果不会被应用到溢出部分。

边界半径是指给一个元素的边框添加圆角效果，使其呈现出圆角矩形的外观。而溢出隐藏是指当一个元素的内容超出了其指定的尺寸范围时，将超出部分进行隐藏，不显示在页面上。

在Safari浏览器中，当一个元素同时设置了边界半径和溢出隐藏时，边界半径的效果只会应用到元素的可见部分，而不会应用到溢出部分。这意味着，溢出部分将以直角的方式进行裁剪，而不会呈现出圆角的效果。

这种行为与其他浏览器（如Chrome、Firefox等）不同，其他浏览器会将边界半径的效果应用到溢出部分，使其呈现出圆角的外观。

在实际开发中，如果需要在Safari浏览器中实现溢出部分的圆角效果，可以考虑以下解决方案：

1. 使用背景图像：可以将圆角效果作为背景图像应用到元素上，这样即使溢出部分被裁剪，仍然能够呈现出圆角的外观。
2. 使用伪元素：可以通过在元素上使用伪元素（::before或::after）来实现圆角效果，这样即使溢出部分被裁剪，伪元素仍然能够呈现出圆角的外观。
3. 使用JavaScript：可以通过JavaScript来检测浏览器类型，如果是Safari浏览器，则使用其他方式（如背景图像、伪元素等）来实现圆角效果。

需要注意的是，以上解决方案都是针对Safari浏览器中不包括边界半径的溢出隐藏的特性而提出的，对于其他浏览器仍然可以直接使用边界半径属性来实现圆角效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr