图片标签z-index设置不起作用

问题：在页面上有一张图片，需要点击图片放大查看该图片。
因为在页面上有一个水印蒙层，导致图片点击不到，设置了z-index属性还是点不到。

<image class="img" bindtap="bigger" />
<view class="waterMarker">我是水印</view>

.waterMarker {position: fixed;left: 0;top: 0;height: 100vh;width: 100%;
}.img {position: relative;// relative赋予position属性z-index: 9;
}

给图片加上position属性就可以使z-index属性生效

图片标签z-index设置不起作用相关推荐

pandas自定义设置dataframe每个索引的标签、自定义设置索引的列名称(customize index name and index label)
pandas自定义设置dataframe每个索引的标签.自定义设置索引的列名称(customize index name and index label) 目录
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...
一.转义字符由特殊字符包裹的文本会当做标签去解析对应不换行空格对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响. < ...
HTML之图片标签、音视频标签
图片标签图片标签<img>的作用是向网页引入一个外部图片,使用img标签来引入一个外部图片,img标签是一个自结束标签. 相关属性: src:该属性用于指定外部图片的路径,可以是互联网上 ...
好程序员web分享图片标签、绝对路径和相对路径
为什么80%的码农都做不了架构师?>>> 图片标签.绝对路径和相对路径,［］< img >标签代表图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制 ...
02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...
本周总结：为图片标签＜img＞加上 alt属性的好处
本周培训了一个开发规范的会议:在开发网页的时候,为图片标签加上 alt属性的好处, 示例: <img src="apple.jpg" alt="苹果"&g ...
图片标签，超链接标签
图片标签使用本地资源和网络资源 img src=""/ 图片标题 title 图片出事故后显示 alt <html><head><title> ...
echarts中自定义图片的矢量路径设置
echarts中自定义图片的矢量路径设置在echarts象形柱图中要使用自定义的图片有三种格式,如下图: 前面两种方式我们项目中也常用到,第三种是矢量路径,如何获取这个矢量路径呢,方法如下: 第一步 ...
HTML:常见的标签实体图片标签
常见的标签 1.标题标签 (内容的标题) 在HTML 中一共有六级标题标签 h1 ~h6  <h1>标题一共六级选</h1> <h2 ...

图片标签z-index设置不起作用

图片标签z-index设置不起作用相关推荐

最新文章

热门文章