Javascript NativeScript:如何设置背景图像?
我正在尝试在我的NativeScript应用程序的“main page.xml”上设置背景图像 我目前将页面id设置为“register”,如Javascript NativeScript:如何设置背景图像?,javascript,css,nativescript,Javascript,Css,Nativescript,我正在尝试在我的NativeScript应用程序的“main page.xml”上设置背景图像 我目前将页面id设置为“register”,如中所示,并尝试使用css设置其样式 在app.css中,我放了: #register { background-image: url("myImage.jpeg"); } “myImage”图像位于“app”文件夹中,我想我的url是对的 这不是你做这件事的方式吗?使用css类-你所拥有的可以通过一些调整来工作。这一点以前曾被提出过不同的要求,应
中所示,并尝试使用css设置其样式
在app.css中,我放了:
#register {
background-image: url("myImage.jpeg");
}
“myImage”图像位于“app”文件夹中,我想我的url是对的
这不是你做这件事的方式吗?使用css类-你所拥有的可以通过一些调整来工作。这一点以前曾被提出过不同的要求,应该同样适用:
.封面图片{
背景图像:~/images/kiss.jpg;
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
}
- 如果您正在css/scss文件中设置背景,
- 对于背景图像的内联设置,
-------
-------
这应该有用!!:)
#register{
background-image: url('~/images/myImage.jpeg');
// this is to stretch the image and show without repetition.
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
<StackLayout backgroundImage="~/images/myImage.jpeg" >
-------
-------
</StackLayout>