Css 将Ionic 2应用程序部署到web-图像不显示
我正在尝试将我的Ionic 2应用程序部署到我大学的web服务器上。但是,当我复制并上传我的项目www文件夹时,应用程序中的css图像不在那里 我的应用程序在网络上正常工作,我的一些组件scss除了图像外都在显示 这是我的页面Search.scss:Css 将Ionic 2应用程序部署到web-图像不显示,css,ionic-framework,sass,webdeploy,Css,Ionic Framework,Sass,Webdeploy,我正在尝试将我的Ionic 2应用程序部署到我大学的web服务器上。但是,当我复制并上传我的项目www文件夹时,应用程序中的css图像不在那里 我的应用程序在网络上正常工作,我的一些组件scss除了图像外都在显示 这是我的页面Search.scss: page-search { .bg-image { background-image: url('../../assets/img/backgroundstars.jpg'); background-size: cover;
page-search {
.bg-image {
background-image: url('../../assets/img/backgroundstars.jpg');
background-size: cover;
background-position: center;
margin: auto;
z-index: 2;
}
如您所见,我的图像位于assets/img文件夹中,但我尝试将其移动到www/img,但我的背景图片也没有显示出来
.bg-image {
background: url("../assets/img/backgrounds/backgroundstars.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
尝试此…您的相对路径不正确
。/assets/img/backgroundstars.jpg
检查一下几乎可以工作的副本!当我现在上传www到我的服务器,但我的背景是黑色的。。但是我看不到我的背景图像。。我的url不是你写的“./assets/img/backgroundstars.jpg”。它也是“img/backgroundstars.jpg”,下面是我的项目解决方案的样子: