如何在UI5应用程序中设置背景图像并使其响应?

问题描述 投票:1回答:1

我试图使用CSS将图像显示为页面背景图像。图像在移动设备上无响应。

我使用以下代码在应用程序中显示特定页面的背景图像:

CSS

.page2BgImg {
  background-image: url('../img/mainScr.jpg');
  background-size: 100% 100%;
}

XML

<Page class="page2BgImg">

我尝试了this blog中给出的技术,但它并没有帮助我获得理想的结果。在移动设备上获取响应式图像的可能方法有哪些?

css sapui5
1个回答
0
投票

为了设置背景图像,可以使用属性backgroundImage of sap.m.App

<App id="myApp"
  backgroundImage="myImageSrc"
/>

无论哪个设备,图像始终显示..

这是一个演示:https://output.jsbin.com/casuzud

Demo of sap.m.App background image

© www.soinside.com 2019 - 2024. All rights reserved.