给组件添加背景图控制只需要两步:
<View className="gifts" style={{ background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-repeat`, backgroundSize: '100% 100%', }} > <View classname="gift-lists"></View> </View>
设置background和backgroundSize。
style={ width:100%; height:100%; }
ps:下面给大家介绍下css文件 如何使背景图片大小适应div的大小
对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。
background-size有3个属性:
总结
到此这篇关于CSS设置div背景图的实现代码的文章就介绍到这了,更多相关css div 背景图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
在H5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前...
解决方案 在父元素中加入position:relative; 子元素中加入position:absolute; ri...
最近半个月为了期末考试,可要了学渣我半瓶血啊!今天本该好好复习的,可是状态...
工作中遇到如下需求,点击输入框弹出自定义弹窗,输入框是input标签: 但是在移...
filter和backdrop-filter具有一定区别: Filter不仅仅作用于当前元素,后代元素...
第一部分:基础知识 1.与:active 和 :hover这些伪类不一样,他们都是伪元素。 2....
页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位...
DevOps 代表开发和运营。 这是一种新的软件开发形式,彻底改变了软件产品的开发...
作者:Matt Maribojoc 译者:前端小智 来源:stackabuse 有梦想,有干货,微信搜...
HTML5基于flash实现播放RTMP协议视频,具体代码如下所示: !doctype htmlhtmlhea...