1). Есть поле input. Требуется , чтобы оно было прозрачно для background-image. Наверно, надо как-то хитро задать свойство transparent в стилях input, пробовал - не работает. (что примечательно, в Oper'е работает само, в IE - фиг).
2). В этом самом поле input имеется свое маленькое background-image в левом краю. Как сделать так чтоб при помещении курсора в поле, он становился после этого имэйджика? Я делаю топорно: присваиваю атрибуту value поля значение "    ". Это нельзя названь изящным решением. Как лучше?
Спустя 4 часа, 52 минуты, 37 секунд (29.01.2008 - 20:04) VladimirS написал(а):
Обычно картинку вообще убирают из поля, когда оно получает фокус ввода.
Как вариант, можно вынести картинку за пределы input, а с помощью свойства border попробовать настроить внешний вид
Как вариант, можно вынести картинку за пределы input, а с помощью свойства border попробовать настроить внешний вид
Спустя 28 минут, 39 секунд (29.01.2008 - 20:32) dfsq написал(а):
Хм, не совсем понял, как, настраивая границу поля, можно получить то, что мне надо.
А как насчет прозрачности?
А как насчет прозрачности?
Спустя 13 часов, 22 минуты, 25 секунд (30.01.2008 - 09:55) bars80080 написал(а):
прозрачность очень просто, сделай так:
насчёт границы поля посоветовали верно,
просто ты делаешь картинку и сразу за ней поле ввода, настраиваешь их так, чтобы они выглядели слитно, как единое целое (будто картинка внутри поля)
Код
<style>
body { background-image: url(00fon00.png); }
.qw { background: none; }
</style>
<body>
<input class="qw" />
</body>
body { background-image: url(00fon00.png); }
.qw { background: none; }
</style>
<body>
<input class="qw" />
</body>
насчёт границы поля посоветовали верно,
просто ты делаешь картинку и сразу за ней поле ввода, настраиваешь их так, чтобы они выглядели слитно, как единое целое (будто картинка внутри поля)
Спустя 3 часа, 51 минута, 31 секунда (30.01.2008 - 13:46) dfsq написал(а):
Нашел еще одно решение:
<input type="text" style="{padding-left: 1.5em; background-image: url('quest.gif'); background-color: transparent;">
Однако, почему-то IE не отображает рисунок в текстовом поле
! Кто-нить знает почему?
<input type="text" style="{padding-left: 1.5em; background-image: url('quest.gif'); background-color: transparent;">
Однако, почему-то IE не отображает рисунок в текстовом поле
! Кто-нить знает почему? Спустя 3 минуты, 8 секунд (30.01.2008 - 13:50) dfsq написал(а):
Забыл дописать: чтобы рисунок не повторялся черепицей
background-repeat: no-repeat;
background-repeat: no-repeat;
Спустя 4 дня, 5 часов, 22 минуты, 10 секунд (5.02.2008 - 19:12) Sylex написал(а):
Цитата(dfsq @ 29.1.2008, 18:11) [snapback]32824[/snapback]
Привет всем!
1). Есть поле input. Требуется , чтобы оно было прозрачно для background-image. Наверно, надо как-то хитро задать свойство transparent в стилях input, пробовал - не работает. (что примечательно, в Oper'е работает само, в IE - фиг).
2). В этом самом поле input имеется свое маленькое background-image в левом краю. Как сделать так чтоб при помещении курсора в поле, он становился после этого имэйджика? Я делаю топорно: присваиваю атрибуту value поля значение "    ". Это нельзя названь изящным решением. Как лучше?
1). Есть поле input. Требуется , чтобы оно было прозрачно для background-image. Наверно, надо как-то хитро задать свойство transparent в стилях input, пробовал - не работает. (что примечательно, в Oper'е работает само, в IE - фиг).
2). В этом самом поле input имеется свое маленькое background-image в левом краю. Как сделать так чтоб при помещении курсора в поле, он становился после этого имэйджика? Я делаю топорно: присваиваю атрибуту value поля значение "    ". Это нельзя названь изящным решением. Как лучше?
Код
<input type="text" style="padding-left: 30px; background: transparent url('1.gif') no-repeat;">
Спустя 5 дней, 6 часов, 12 минут, 13 секунд (11.02.2008 - 01:24) cjplfybt cfqnjd написал(а):
Какой DOCTYPE?
_____________