18.04.2014 05:29:00 Почему код не работает? Сообщение #1
mmgfs
Новичок
Дата регистрации:
10.04.2014 19:04:17
Сообщений: 3
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="img">
.img {
background: url("images/1.png"
no-repeat; // Подставляем картинку по умолчанию
height: 100px; // Высота картинки
width: 100px; // Ширина картинки
}
.img:hover {
background: url("images/2.png" no-repeat; // Подставляем ту картинку, которая будет при наведении курсора мыши
border: 2px solid #f00; // Устанавливаем красную рамку
height: 120px; // Высота новой картинки
width: 120px; // Ширина новой картинки
}
</div>
</body>
</html>
Что не так? В браузере просто открывается этот код.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="img">
.img {
background: url("images/1.png"
no-repeat; // Подставляем картинку по умолчанию
height: 100px; // Высота картинки
width: 100px; // Ширина картинки
}
.img:hover {
background: url("images/2.png"
no-repeat; // Подставляем ту картинку, которая будет при наведении курсора мыши
border: 2px solid #f00; // Устанавливаем красную рамку
height: 120px; // Высота новой картинки
width: 120px; // Ширина новой картинки
}
</div>
</body>
</html>
Что не так? В браузере просто открывается этот код.
