Question

这是合约。我想在链接打开之前将gif图像设置为整个屏幕的背景图像。这是怎么回事。用户单击该链接。使用Jquery，我设置了此链接打开的延迟。然后我从页面中删除所有元素。然后我将gif图像指定为背景。之后加载新页面。 PC上一切正常。但由于一些奇怪的原因，它并没有涵盖移动屏幕上的整个高度。只有宽度。这是我的HTML

<html lang="ru" class="back_image">

这是我的css

html.back_image{
  background: url("Images/Kingdom1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这是我使用的jquery代码：

<!-- Delay for the registration link -->
<script>
function delay (URL) {
    setTimeout( function() { window.location = URL }, 4500 );
}
</script>
<!-- Remove all the elemnts on clicking registration from-->
<script>
$(document).ready(function(){
   $('#registration').click(function(){
      $( '#remove_all' ).remove();
   });
});
</script>
<!-- Animation for the web page after removing all the elements -->
<script>
$(document).ready(function(){
   $('#registration').click(function(){
    $('.back_image').css("background-image", "url(Images/Dragonfire2.gif)", );
   });
});
</script>

.back_image是我为html标签指定的类。

有任何帮助吗？

背景图像并不覆盖手机上的整个高度

0 个答案: