Chrome在悬停时忽略了菜单的圆角

是因为Chrome浏览器在渲染CSS样式时存在一些特殊的行为。具体来说，当一个元素设置了圆角（border-radius）属性，并且该元素的子元素设置了相对定位（position: relative）时，Chrome在悬停时会忽略该元素的圆角样式。

这个问题可以通过以下方法解决：

1. 使用伪元素（::before或::after）：可以通过在菜单元素上添加一个伪元素，并将其设置为绝对定位（position: absolute），然后给伪元素设置圆角样式。这样即使子元素设置了相对定位，菜单元素的圆角样式也会得到保留。
2. 使用背景图像：可以将菜单元素的背景设置为一个包含圆角样式的背景图像。这样无论子元素如何定位，菜单元素的圆角样式都会得到保留。
3. 使用CSS3属性：可以尝试使用CSS3的新属性，如clip-path或mask，来实现菜单元素的圆角效果。这些属性可以在元素上创建一个剪切路径或蒙版，从而实现圆角效果。

需要注意的是，以上方法都是基于CSS样式的解决方案，不涉及具体的云计算相关技术。在云计算领域，Chrome浏览器的圆角问题并不会对云计算的实际应用产生直接影响。

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

• 腾讯云官网：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
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯元宇宙：https://cloud.tencent.com/solution/meta-universe