上传到服务器后网站出现问题

时间:2019-05-04 09:12:38

标签: javascript jquery html css

将我的网站上传到Godaddy服务器后,我遇到了一些问题。我的网站链接是http://www.sujanshrestha.info.np/

在我的控制台标签中,存在三个错误。请查看附件。 enter image description here 由于这些错误,“服务”部分中未显示图标。

另一个主要问题是网站顶部的主要封面图片,它在台式机版本中显示良好,但在移动版本中未显示。 请查看附件。 enter image description here

这是封面图片的代码:

<div class="coverPic">
  <div class="frontText">
    <span class="frontText-1">
      <span  class="frontText-2">Hey, I'm</span>
      <h3><strong>Sujan Shrestha</strong></h3>
    </span>
  </div>
</div>

CSS:

.coverPic{
  position: relative;
  opacity: 0.7;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

/*
    fixed: Parallax
    scroll: normal
*/

  background-attachment: fixed;
}

 .coverPic{
     background-image: url('../images/coverPic.jpeg');
     min-height: 100%;
 }

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

尝试将这些行添加到.coverPic。该图片确实可以在我的手机中使用Google Chrome浏览器。

-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;

至于内部错误:似乎在每条路线上都会发生。

  

此外,尝试使用ErrorDocument来处理请求时,遇到了500 Internal Server Error错误。

因此,我认为您的.htaccess文件中有问题。您能否提供更多详细信息?