跨境电商网站开发技术,全网最稳最低价自助下单网站,洛宁网站开发,网络营销推广方案策划与实施html- a标签包裹img标签, 点击图片无法跳转问题记录及解决方法 首先明确我们的目标, 就是a标签包裹的内容, 都能点击后以后直接跳转 可以通过更改html结构和css解决: div v-for(item, index) in newsData :keyindex classflexcoldiv v-for(item, index) in newsData :keyindex classflexcola :hrefitem.link /img :srcitem.cover classimgsty /div classcontentp classtit{{ item.name }}/p/div/div.flexcol {position: relative;width: 50%;height: 538px;margin: 0 0 36px;a {position: absolute;z-index: 9;display: inline-block;width: 100%;height: 100%;}.imgsty {width: 344px;height: 260px;}}这里的解决方式通过把a标签跟img标签的结构改成同级, 然后样式中对a标签添加绝对定位, 并且保证a标签的z-index为当前最高层级
