我想使用CSS将一个图像与另一个图像叠加.这方面的一个例子是第一个图像(如果你愿意,背景)将是产品的缩略图链接,链接打开一个灯箱/弹出窗口,显示更大的图像版本.
在这个链接图像的顶部,我想要一个放大镜的图像,向人们展示可以点击图像放大它(显然没有放大镜这是不明显的).
我使用图像作为我的一个页面的背景.我想在图像上添加一个不透明度的backgroundColor.我不确定如何使用React Native实现这一目标.
render() {
return (
<Image source={require('./assets/climbing_mountain.jpeg')} style={styles.container}>
<Text>Hello</Text>
</Image>
)
}
const styles = StyleSheet.create({
container: {
flex: 1,
width: null,
height: null,
}
Run Code Online (Sandbox Code Playgroud)
以下是我在网页上实现这一目标的方法:如何在CSS中对图像进行叠加?