изменяемый размер фонового изображения - PullRequest
Новая
       1

изменяемый размер фонового изображения

0 голосов
/ 09 июля 2011

У меня есть следующий код, но мое изображение не изменится, как получилось?Изображение должно быть больше? 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
 <title>blah</title>
 <style type="text/css" media="screen, print, projection">

img#background {     
    position: absolute;     
    top: 0;     
    left: 0;     
    width: 100%     
    height: 100%; 
} 

</style> 
</head>
<body>
<img id="background" src="greenbackground.png" alt="Background Image" />



</body>
</html>

Ответы [ 2 ]

1 голос
/ 09 июля 2011

Вам также нужно это: 

html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
img#background {     
    position: absolute;     
    top: 0;     
    left: 0;     
    width: 100%;  
    height: 100%; 
    margin:0;
    padding:0;
}

Обратите внимание, с помощью css3 вы можете сделать это: 

body{
    background:url(...) no-repeat;
    background-size: 100%;
}

Редактировать: Пропущено;

Демо-версия:

http://jsfiddle.net/jJT45/

0 голосов
/ 09 июля 2011

Вы устанавливаете его на 100%, но на 100% что? Попробуйте дать телу те же 100% свойства высоты и ширины и посмотрите, что произойдет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...