border-radius不起作用

border-radius属性定义了元素的边框的圆角的半径。根据引用所提到的，border-radius是CSS3中的一个新属性，在社区中得到了广泛使用。可以为每个角指定不同的值，或者使用一个值来指定所有的角。然而，根据引用的解释，当父元素使用border-radius属性并且设置了overflow:hidden时，子元素如果使用了transform属性，父元素的overflow:hidden属性会失效。这可能导致border-radius没有起作用的问题。

根据引用，如果在设置了border-radius的同时也设置了overflow:hidden，并且在预览中没有问题，但在真机上不起作用，可能是由于其他原因导致的。

要解决border-radius不起作用的问题，可以尝试以下几个解决方案：

1. 检查父元素是否设置了overflow:hidden属性，并且子元素使用了transform属性。如果是这种情况，可以考虑修改布局或者用其他方法来实现需要的效果。

2. 确保正确地设置了border-radius属性。可以为每个角指定不同的值或者使用一个值来指定所有的角。

3. 检查是否存在其他样式规则或者属性对border-radius产生了冲突。可以使用浏览器的开发者工具来查看元素的样式，并排除其他样式规则的干扰。

4. 如果在预览中没有问题，但在真机上不起作用，可以考虑使用不同的浏览器或者设备来进行测试，以确定是否是特定浏览器或设备的兼容性问题。

总结来说，border-radius不起作用可能是由于父元素的overflow:hidden属性与子元素的transform属性之间的冲突导致的。可以尝试修改布局或者其他解决方案来解决这个问题。