Question

我的客户想要的是事实上可能无法做的事——他们想要一个完整的背景形象,这种形象是 crop的,并且保持了它的层面。他们愿意接受白色空间,但希望图像能够最佳地填充任何轴心。我找到了能真正实现全页背景的冰帽,但是,他们赢得了任何图像的 crop。任何想法?

Answer 1

html:

<img id="bg" src="whateves.jpg"/>

你们可能希望把图像放在 c中。

#bg { display:block; margin:auto; }

使用舱:

$(window).load(function(){
      var windowRezize = function() {
          var windowHeight = $(window).height(),
              bg = $( #bg ),
              bgHeight = bg.height();

            console.log(windowHeight);
            console.log (bgHeight);
          bg.height($(window).height());
          bg.css( opacity ,  1 );
      };
      windowRezize();
      $(window).resize(function(){
          console.log( resized );
          windowRezize();
      })

  });

Answer 2

这并非不可能! 你可以完全这样做。利用JQuery找到浏览器和voila的高度和宽度! 树立这种规模的背景形象。如果你需要保持这一方面,则使用“JQuery算法”来计算出的宽度/运费,则使用这一比率来对照实际尺寸的比例基准,如果高/低级将背景图像的高度/宽度定为100%,则以实际比率计算的任何其他方面。

If your client doesn t care about scroll bars you can follow this guide under the third attempt: http://css-tricks.com/766-how-to-resizeable-background-image/ And set the minimum height of the html/body element to whatever it needs to be according to the width of the background image. I hope this all helps you get ideas for what to do.

友情链接