Question

我现在开始使用javascript和CSS，而且我被困在一个测试项目中。
根据其他来源的搜索我做了什么，所以我不知道是否有任何东西正好在正确的位置，可能不是。
因此，我尝试根据窗口大小调整图像大小我用标题做了，但不能使它适用于我的导航栏背景。

CSS：

.menutop {
  background: url('Images/topo1.png') no-repeat top center;
  height: 50px;
  font-family:  'StreamArtsFont';
  text-align: center;
  -webkit-animation: changeColor 30s infinite;
}

脚本：

jQuery(document).ready(function($){
    function fullscreen(){
  //Header size change
        jQuery('#header').css({
            width: jQuery(window).width(),
            height: jQuery(window).height()
        });
  //Navbar size change
        jQuery(".menutop").css("background-size", 'auto '+jQuery(window).height()+" cover");
    }

基本上，我需要做的是更改background-size元素中的高度值，使用＆＃34; jQuery（window）.height（）＆＃34;提供的值，就像我做的那样标题。我想象一下＆＃34; auto＆＃34;＆＃34;＆＃34;和jQuery（窗口）.height（），因为当我只使用＆＃34;覆盖＆＃34;有用。谢谢！

Answer 1

background-size只需要2个值，而不是3.而$(window).height()将返回一个整数。您需要将px附加到该字符串，以便它知道您尝试使用的单位类型。

我假设你想要这样做。

jQuery(".menutop").css('background-size', 'auto '+jQuery(window).height() + 'px');

jQuery重新定义背景图像

1 个答案: