如何解决Background-image url不起作用,但是带有src的图像标记起作用
当前在vue 3和顺风CSS中工作,该路径适用于src但不适用于url,我已经用尽了所有我能找到的信息,但似乎无法找出问题,我相信文件路径必须正确因为src可以找到它
<template>
<div
class="absolute top-0 w-full h-full bg-center bg-cover"
style="background-image: url(../assets/images/unsplash.png)"
>
<span id="blackOverlay" class="w-full h-full absolute opacity-75 bg-black"></span>
<div>
<img src="../assets/images/unsplash.png" alt="">
</div>
</div>
</template>
解决方法
图片的网址应该用简单的引号引起来:) 试试这个:
style="background-image: url('../assets/images/unsplash.png')"
此致, 亚历克斯;)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。