Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB58.5810
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 11.08.2011, 05:49   #1
sydoow
Senior Member
 
Аватар для sydoow
 
Регистрация: 26.09.2008
Сообщений: 3,918
Бабло: $488269
Отправить сообщение для sydoow с помощью ICQ Отправить сообщение для sydoow с помощью Skype™
По умолчанию Как на CSS сделать наложение прозрачной картинки?

Подскажите плиз, как с помощью CSS сделать чтобы при наведении на картинку на неё накладывалась другая картинка прозрачная?
Пробовал с помощью
Код:
.product:hover  {background: url(a2.jpg) no-repeat;}
Но тогда она на заднем плане накладывается.
sydoow вне форума  
Старый 11.08.2011, 06:09   #2
maxtrade
Ебланнед
 
Регистрация: 12.02.2011
Адрес: -> Ower
Сообщений: 1,196
Бабло: $159385
По умолчанию

если сверху, то просто сделай еще один слой.

Код:
<div class="product">
   <div class="mask">
   Text here
   </div>
</div>

<style>
.mask:hover  {background: url(a2.jpg) transparent no-repeat top;}
</style>
Можно еще с z-index попробовать, но в 5 часов утра мне не хочется думать об этом
__________________
Start earn with Alcuda LTD! Up to $120 per each paid order
maxtrade вне форума  
Старый 11.08.2011, 06:39   #3
sydoow
Senior Member
 
Аватар для sydoow
 
Регистрация: 26.09.2008
Сообщений: 3,918
Бабло: $488269
ТС -->
Отправить сообщение для sydoow с помощью ICQ Отправить сообщение для sydoow с помощью Skype™
автор темы ТС По умолчанию

Чото не получилось (
Всё равно за передней картинкой новая появляется.
sydoow вне форума  
Старый 11.08.2011, 06:46   #4
maxtrade
Ебланнед
 
Регистрация: 12.02.2011
Адрес: -> Ower
Сообщений: 1,196
Бабло: $159385
По умолчанию

кинь в личку сайт
__________________
Start earn with Alcuda LTD! Up to $120 per each paid order
maxtrade вне форума  
Старый 11.08.2011, 06:59   #5
chesser
автоматизирую интернеты
 
Аватар для chesser
 
Регистрация: 05.07.2009
Адрес: chesser.ru
Сообщений: 3,382
Бабло: $470735
По умолчанию

тут может про z-index что-то?
или смотри, чтобы накладываемая картинка была нормальной ширины/длины
__________________
USA и NL серверы и VPS | wiki | блог | Drupal | NginxТДС
Ave, Google, morituri te salutant! © chesser
chesser вне форума  
Старый 11.08.2011, 07:12   #7
maxtrade
Ебланнед
 
Регистрация: 12.02.2011
Адрес: -> Ower
Сообщений: 1,196
Бабло: $159385
По умолчанию

Про z-index вот тут расписано http://htmlbook.ru/css/z-index
Создается несколько слоёв, притом один из них - самый верхний с наибольшим индексом.

Цитата:
#layer4 { z-index: 4; }
Я не могу без конкрнетно примера сделать, ТС, дай кусок кода, или страницу целиком

Либо можно сделать так: создать блок, а внутри него еще два, у обоих абсолютное позиционирование.

В первом блоке текст, а во втором, который находится отдельно, а не внутри первого, сам вернхний бекграунд (с z-index большим, чем у первого дива). Но для этого скорее всего придется использовать

Цитата:
display:inline-block;
Только это решение не кроссбраузерное, вернее можно сделать так

Цитата:
display: -moz-inline-box;
display: inline-block;
*zoom: 1;
*display: inline;
word-spacing: normal;
Это заставит IE обрабатывать как нужно, как на счет 6 версии и ниже - не знаю.

В общем пример нужен, так не могу нормально объяснить

Offtopic
__________________
Start earn with Alcuda LTD! Up to $120 per each paid order
maxtrade вне форума  
Старый 11.08.2011, 14:07   #8
maxtrade
Ебланнед
 
Регистрация: 12.02.2011
Адрес: -> Ower
Сообщений: 1,196
Бабло: $159385
По умолчанию

sydoow, ну что там? я как проснулся, сразу почему то про твой css подумал Решил проблему?
__________________
Start earn with Alcuda LTD! Up to $120 per each paid order
maxtrade вне форума  
Старый 11.08.2011, 14:14   #9
1een
Senior Member
 
Аватар для 1een
 
Регистрация: 28.05.2009
Сообщений: 1,306
Бабло: $161695
По умолчанию

Цитата:
Сообщение от maxtrade Посмотреть сообщение
sydoow, ну что там? я как проснулся, сразу почему то про твой css подумал
Хорошо спал? Бессонница не мучала?
1een вне форума  
Старый 11.08.2011, 15:06   #10
sydoow
Senior Member
 
Аватар для sydoow
 
Регистрация: 26.09.2008
Сообщений: 3,918
Бабло: $488269
ТС -->
Отправить сообщение для sydoow с помощью ICQ Отправить сообщение для sydoow с помощью Skype™
автор темы ТС По умолчанию

maxtrade, решил, помогли мне. Спасибо что не забыл обо мне
Как вы так мало спите
sydoow вне форума