手机屏幕上不会出现背景图片

问题描述：

我正在制作使用离子的应用程序，但无论我尝试什么，背景图片都不会出现。我检查了以前的问题，但没有解决方案为我工作。这是我的CSS：手机屏幕上不会出现背景图片

body { 
    background-image: url("img/national day.png"); 
    display:block; 
    position:absolute; 
    min-height: 100%; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    background-position: center; 
    width: 100%; 
    height: 100%; 
    margin: auto; 
    /*position: relative;*/ 
}

我知道路径是正确的肯定，因为它的存在，在帧当调试使用Chrome。还有就是在我的CSS directory.Why一个img文件没有画面显示，虽然小提琴：https://jsfiddle.net/y04jpe0h/

为什么你不尝试你的图像名称没有空间像** national_day.png ** – keviveks

我做了但没有用，ty虽然 –

你试图改变与图像路径/ IMG/OR。 ./img/ instant的img/ – channasmcs

答

我不知道为什么它最终没有工作，所以我只是将背景图片添加到窗格中并显示。仍然是一个谜..

答

添加CSS的这部分代码

html{ 
    height:100%; 
}

希望的作品！

它没有工作，可悲的是，我不明白这个问题;/ –

你使用的媒体疑问？你可以发布一个小提琴，以便我们可以轻松调试 –

没有即时通讯不使用它们，小提琴张贴在问题中，但我没有包含角文件，因为它的大 –

答

试试这个。我删除了背景大小100％100％的财产。

{ 
    background: url("img/national day.png") no-repeat center center fixed; 
    display: block; 
    position: absolute; 
    min-height: 100%; 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    margin: auto; 
}

希望这可以帮助你。

我试过了，但我仍然得到一个白色的背景图像：/谢谢你的时间，虽然 –

你有清除缓存铬？ – Sasith

是的，我只是做了，但是.. :( –

答

首先要访问文件夹img，您必须输入：
background-image：url（“../ img/logo.png”）; 因为img文件夹不在css文件夹中。其次确保你有img文件夹中的图像，因为我没有找到它的小提琴，所以它尝试徽标.png和它的作品。

我创建了一个文件夹img内的CSS文件夹与img –

手机屏幕上不会出现背景图片

相关推荐