LINUX.ORG.RU

странности CSS


0

0

Подскажите пожалуйста:
Почему в ниже приведенном код по разному работает маштабирование картинки ?
Как через css загрузить картинку и отмаштабировать ее к размерам элемента ?

<html>
<head>

<style type="text/css">

#a
{
border-style: solid;
border-width: 10px;
border-color: red;
width: 100px;
height: 100px;

background-image: url('http://testsamples.free.fr/CrXP/Tux-termine.jpg');
}

</style>


</head>
<body>


<div id="a"></div>
<br/>
<img id="a"/>
<br/>
<img id="a" src="http://testsamples.free.fr/CrXP/Tux-termine.jpg"/>;


</body>
</html>


На самом деле никак,  background-size будет в css3. 

А вообще, подумайте, уважаемый, как будет выглядеть Ваша 
"растянутая" картинка. Уверяю, что лучше и качественее 
графического редактора её никто не растянет. Да и не
сожмет :)

unicsoid ★★
()
Ответ на: комментарий от unicsoid

>лучше и качественее графического редактора её никто не растянет. Да и >не сожмет :)
Ага, интересно как ее сжимает элемент <img> ?

x
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.