Html 手机屏幕上不会显示背景图像
我正在使用ionic制作一个应用程序,但是无论我尝试什么,背景图像都不会出现。我检查了之前的问题,但没有一个解决方案对我有效。 这是我的css: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:
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