Как установить ширину фонового изображения с помощью CSS?

Question

Мне нужно установить фиксированную ширину для фонового изображения. Он должен хорошо работать как в IE, так и в Firefox. Как это сделать?

Answer 1

@ Мультиплексор: в настоящее время вы не можете установить ширину / высоту фонового изображения, но вы можете установить ширину / высоту его контейнера.

Например

<div style="background: url(someimage.jpg) no-repeat 0 0; height: 300px; width: 400px">
  Some content
</div>

Еслиsomeimage.jpg - 640x480, будут показаны только 400 пикселей этой ширины и 300 пикселей этой высоты.Вы можете перемещать фон, играя со свойствами фона в CSS - см. http://www.w3schools.com/css/css_background.asp для полного / краткого справочника.

Answer 2

вы можете использовать свойство css3 background-size, но оно еще не полностью поддерживается

https://developer.mozilla.org/en/CSS/-moz-background-size

Answer 3

вы можете сделать это с background-size.

enter code here
.myCss
{
    background-image:url(image.jpg);
    background-repeat:no-repeat;
    background size:10% 100%; 
}

по размеру, 10% - это значение ширины, а 1005 - это значение высоты.