一个背景图元素的css是这样写的:(连接只是示意,真实图片地址是有效存在的,不是图片路径问题)
.back
{
background: url('https:www.xxx.com/xxx.jpg') no-repeat center center fixed;
opacity: 18%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
yarn build 发布了网站以后,发现图片不显示.于是查看了生成build目录下的static目录下的css下的
main.163863ab.chunk.css
发现 这个css是这样写的
App_back__3NYkX{background:url(https://www.xxx.com/xxx.jpg) no-repeat 50% fixed;opacity:18%;
我就很奇怪 是不是url()函数没有加""双引号?
加上以后 没效果.
接着往下看 竟然发现
opacity:1%
我的天 我的眼睛也真是够尖的!!!
不知道为什么打包的时候把18%的透明度打包成了1%.
而且我又测试了一次 打包完以后 还是18%的透明度打包成了1%
具体原因尚不明确,我直接把生成的
main.163863ab.chunk.css
里面改了一下 可以了..原来是1%的透明度我根本就看不见 并不是没展示