Есть веб-форма, в где есть строка типа
<body background='/images/logo.jpg' >
Как выделить фрагменты рисунка чтоб можно было использовать как элементы управления?
Тег <map> с фонолвым рисунком работать не хочет
Спустя 22 минуты, 4 секунды (27.11.2007 - 23:26) vasa_c написал(а):
Фон он и есть фон, быть активным он не должен.
Попробуйте подложить под страницу абсолютный слой. Впрочем, не зная полной задачи говорить что-то сложно.
Попробуйте подложить под страницу абсолютный слой. Впрочем, не зная полной задачи говорить что-то сложно.
Спустя 13 часов, 38 минут, 19 секунд (28.11.2007 - 13:04) bars80080 написал(а):
размести в этом месте поверху слой,
с абсолютным позиционированием он может перекрыть даже всё остальное
в слой вставь рисунок simple.png - (прозрачный 1х1 пикселей) и растяни его на весь слой,
а уже его используй как карту, выделяй из него области
с абсолютным позиционированием он может перекрыть даже всё остальное
в слой вставь рисунок simple.png - (прозрачный 1х1 пикселей) и растяни его на весь слой,
а уже его используй как карту, выделяй из него области
Спустя 11 часов, 38 минут, 13 секунд (29.11.2007 - 00:42) salm@n написал(а):
Если интересно решил задачу след. образом
<style type="text/css">
A.mainbutton {
background: url('images/mainbutton.jpg');
position: absolute;
top: 442px;
left: 194px;
display: block;
width: 108px;
height: 108px;
}
A.mainbutton:hover {
background-position:
0px
-108px; /* Смещение вверх по вертикали */
}
</style>
......
<body background='/images/logo.jpg' >
<a href="#" class="mainbutton"></a>
Все получается отлично, кроме одного: когда выводится маленькое изображение (height: 13px) то меньше 19 пикселей изображение выводить не хочет(
<style type="text/css">
A.mainbutton {
background: url('images/mainbutton.jpg');
position: absolute;
top: 442px;
left: 194px;
display: block;
width: 108px;
height: 108px;
}
A.mainbutton:hover {
background-position:
0px
-108px; /* Смещение вверх по вертикали */
}
</style>
......
<body background='/images/logo.jpg' >
<a href="#" class="mainbutton"></a>
Все получается отлично, кроме одного: когда выводится маленькое изображение (height: 13px) то меньше 19 пикселей изображение выводить не хочет(
_____________