给image元素设置背景图

电玩女神 2023-02-26 11:29 2阅读 0赞

页面代码：image1为静态图片，image2动态加载图片，没有图片则显示背景图。

![nimg.cn/20200716172313158.png)][nimg.cn_20200716172313158.png]

<image  style="margin: 9px; position: absolute; z-index: 1;"
           src="../../static/select.png"></image>
     <image style="width: 88px; height: 88px;" :src="titem.imgUrl"></image>

//给图片增加背景图
    image { 
    			width: 100%;
    			height: 350px;
    			z-index: 999;
                background: url(../../static/sxpic.png)  no-repeat;
                background-size: 370px 240px;
    		}

想要实现点击添加按钮图片显示已选择。因为是提示信息为一张静态图片，也会带有背景，从而遮住了原来的图片。  
![在这里插入图片描述][20200716173003820.png]  
需要给image1 去掉背景图`background: none;`

<image style="margin: 9px; position: absolute; z-index: 1; background: none;"src="../../static/select.png"></image>
      <image style="width: 88px; height: 88px;" :src="titem.imgUrl"></image>

实现效果：  
![在这里插入图片描述][20200716173401831.png]

[nimg.cn_20200716172313158.png]: /images/20230209/26dc4f313956468bb25f82d2d6f9d9e0.png
[20200716173003820.png]: /images/20230209/7d404e01069b4ab08a46e8b9a60a2e04.png
[20200716173401831.png]: /images/20230209/1cbf47981c364765907b80ac36040cc2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关用Python给PDF文档设置背景色或背景图

本文演示如何使用Python为PDF文档设置背景色或背景图。

ゝ一纸荒年。/ 2024年05月01日 03:30/ 0 赞/ 162 阅读

相关 CSS给元素添加背景色

`background-color`属性可以设置元素的背景颜色。元素的背景是元素的总大小，包括填充和边界（但不包括边距）。 ![在这里插入图片描述][f8e65e54

╰+攻爆jí腚メ/ 2024年03月29日 16:02/ 0 赞/ 205 阅读

相关 html设置背景图大小，自动拉伸背景图

html设置背景图 background-image: url(./img/img\_accident\_report.png); 设置背景图大小，自动拉伸背景图

阳光穿透心脏的1/2处/ 2024年02月21日 11:31/ 0 赞/ 180 阅读

相关 background 设置文本框背景图

background 属性的作用是给元素设置背景，它是一个复合属性，常用的子属性如下： `background-color` 指定元素的背景颜色。 `backgr

雨点打透心脏的1/2处/ 2023年08月17日 17:27/ 0 赞/ 206 阅读

相关 ⑦HTML+CSS 设置元素背景

背景 ※ background-color background-image background-repeat background-posit

系统管理员/ 2023年07月21日 05:26/ 0 赞/ 99 阅读

相关给image元素设置背景图

页面代码：image1为静态图片，image2动态加载图片，没有图片则显示背景图。 ![nimg.cn/20200716172313158.png)][nimg.cn_202

电玩女神/ 2023年02月26日 11:29/ 0 赞/ 3 阅读

相关 js给标签设置随机背景

js给标签设置随机背景 function bac(){ var gba = "rgb(" + Math.floor(Math.random() 2

「爱情、让人受尽委屈。」/ 2023年02月24日 07:50/ 0 赞/ 3 阅读

相关 VScode背景图设置

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

系统管理员/ 2023年01月07日 03:56/ 0 赞/ 221 阅读

相关 css背景图设置

.bgImg1\{width: 200px; height: 500px; border: 1px solid \999; background-image: ur

Bertha 。/ 2022年06月05日 00:54/ 0 赞/ 338 阅读

相关 Idea编辑器设置背景图

一、进入Idea编辑器，按快捷键Ctrl+Shift+A，搜索Set Active Changelist ![在这里插入图片描述][watermark_type_ZmFuZ

太过爱你忘了你带给我的痛/ 2021年09月24日 11:40/ 0 赞/ 534 阅读