我的背景没有出现在某些移动浏览器上

Question

我知道我的问题还有其他一些类似的帖子，所以道歉。在发布之前，我已尝试过这些帖子中提供的所有解决方案。

我的页面上有一张表，其中有一张使用css的背景图片。

html
{
width:100%
height: 100%;
margin: 0px;
padding: 0px;
border: none;
}

table.homemain
{       
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('../images/home-bg.jpg') no-repeat;
background-position: 50% 50%;
background-size: cover;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

<table class="homemain">

我将图像的大小从90k缩小到9k，仍然没有什么不同。 我也把css剥离到了背景图像

background-image:url(../images/home-bg.jpg);

它仍然没有显示。

抱歉，我无法显示实时网站，它仍然在我的电脑上本地托管。

任何建议都会非常感激。

干杯

约翰

Answer 1

如果您希望向整个页面显示bg图像，请将其放入<style> </style> 例如。

<style>
  body {
    background-image: url("~/images/home-bg.jpg");
  } 
</style>

确保放入完整目录，因为这样就不会有误传。