背景图像在IE10中的图像失真和移动背景与内容流？ [英] Background Image distortion in IE10 and moving the background with content flow?

问题描述

我有一个网页，其中包含背景图片和我放置在此网页中心的表单。

I have a webpage with a background image and a form which i have placed at the center of this webpage.

背景尺寸可以在8 i已使用 background-size.htc polyfill

For background size to be working in ie 8 i have used background-size.htc polyfill

我的要求是背景图片应与表单内容流移动，这意味着当错误消息出现在每个输入字段下面时，表单的高度将增加，这也应该增加背景图像的高度，它应该是相对于bg图像。目前，它在所有浏览器中工作除了为什么我做？

My requirement is background image should move with form content flow , that means when error messages appears below each input field the height of the form will increase that should also increase the height of the background image ,it should be relative to the bg image.Currently,its working in all browsers except ie what shoud i do for that?

ie10中的另一件事情相同的bg图像扭曲？我附上了它的屏幕截图。

Another thing in ie10 same bg image distorts? I'm attaching the screen shot of it.

推荐答案

如果您想随时覆盖整个浏览器窗口的背景图片。请尝试此操作。

If you want to cover the background image to entire browser window at all times. please try this,

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这篇关于背景图像在IE10中的图像失真和移动背景与内容流？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！