<分区>
css - 移除子元素的不透明度
标签 css react-native
我正在尝试在不透明度内制作一个叠加 View ，我想删除子元素上的不透明度，请参见图片:
<View style={styles.layer} pointerEvents={"none"}>
<Component {...props}/>
</View>
const styles = StyleSheet.create({
layer: {
opacity: 0.5,
flex: 1
}
});
我试过:
- 将子项的不透明度设置为 1:无效果，
- 将 rgba 值设置为具有不同 alpha 值的父级和子级:我丢失了父层的不透明度
如何处理
最佳答案
如果不使用一些技巧，您就不能使子元素的透明度低于父元素:
关于css - 移除子元素的不透明度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59282404/