Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 手机屏幕上不会显示背景图像_Html_Css_Angularjs_Ionic Framework - Fatal编程技术网

Html 手机屏幕上不会显示背景图像

Html 手机屏幕上不会显示背景图像,html,css,angularjs,ionic-framework,Html,Css,Angularjs,Ionic Framework,我正在使用ionic制作一个应用程序,但是无论我尝试什么,背景图像都不会出现。我检查了之前的问题,但没有一个解决方案对我有效。 这是我的css: body { background-image: url("img/national day.png"); display:block; position:absolute; min-height: 100%; background-repeat: no-repeat; background-size:

我正在使用ionic制作一个应用程序,但是无论我尝试什么,背景图像都不会出现。我检查了之前的问题,但没有一个解决方案对我有效。 这是我的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目录中有一个img文件。为什么图片没有出现
fiddle:

在代码中添加CSS的这一部分

html{
  height:100%;
}

希望能成功

在代码中添加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;
}

希望这对你有帮助。

试试这个。我删除了背景大小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;
}

希望这对您有所帮助。

首先要访问您必须放置的文件夹img:
背景图片:url(“../img/logo.png”); 因为img文件夹不在css文件夹中。
第二,确保你在img文件夹中有图像,因为我没有在fiddle中找到它,所以它可以尝试logo.png,并且可以工作。

首先要访问img文件夹,你必须放:
背景图片:url(“../img/logo.png”); 因为img文件夹不在css文件夹中。

第二,确保你的图像在img文件夹中,因为我没有在fiddle中找到它,所以它可以尝试logo.png并正常工作。

我不知道为什么它最终不能正常工作,所以我只是将背景图像添加到窗格中并显示出来。仍然是个谜

我不知道为什么它最终不起作用,所以我只是将背景图像添加到窗格中,并显示出来。仍然是个谜

你为什么不试试没有空格的图像名,比如国庆节。pngI有但没有用,是的,我尝试了不同的路径,chrome调试器告诉我当路径找不到时,你为什么不尝试没有空格的图像名称,比如national_day.pngI,但没有用,是的,我尝试了不同的路径,chrome调试器告诉我,当一个路径没有找到时,它不工作,很遗憾,我不理解这个问题/您正在使用媒体查询吗?你能发布一个提琴吗?这样我们就可以很容易地调试它了吗?我没有使用它们,提琴是在问题中发布的,但我没有包括角度文件,因为它的最大部分是不同文件夹中的图像和css文件?在我的css文件中对我有效,我有一个名为img的文件夹,其中包含上面提到的图像/您正在使用媒体查询吗?你能发布一个提琴吗?这样我们就可以很容易地调试它了吗?我没有使用它们,提琴是在问题中发布的,但我没有包括角度文件,因为它的最大部分是不同文件夹中的图像和css文件?在我的css文件中对我有效,我有一个名为img的文件夹,其中包含上面提到的图像。我尝试过,但仍然得到一张白色背景图像:/Thank you’s time though是的,我刚刚做了,但是(我试过了,但还是得到了一张白色背景图片:/Thank you’s time though是的,我刚刚做了,但是……:(我用img在css文件夹中创建了一个文件夹img,用img在css文件夹中创建了一个文件夹img,用img