| |
|
|
| | Как сделать, чтобы на всю ширину и высоту картинки, на которую навели мышку, появлялся порверх фон (полупрозрачная картинка)
Вот такой код сейчас есть:
<div id="thumbs">
<div><span></span><img width="175px" rel="/public/images/cars/dsc0326_43067_b1.jpg" src="/public/images/cars/dsc0326_43067_b1_thumb.jpg"></div>
<div><span></span><img width="175px" rel="/public/images/cars/dsc0311_43058_b1.jpg" src="/public/images/cars/dsc0311_43058_b1_thumb.jpg"></div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: OLi
(19.11.2012 в 01:05)
| | | Фон поверх... ну это что-то из трудно воспринимаемого :) | |
| |
|
|
| |
|
|
| |
для: confirm
(19.11.2012 в 09:51)
| | | Можно было не придираться к словам, а сделать поправку. Не фон, а просто изображение | |
| |
|
|
| |
|
|
| |
для: OLi
(19.11.2012 в 16:52)
| | | Да кто придирается то, звучит прямо как... :)
Эра интернета. Юзер под окном юзерши ночью:
- Киско! Выхади! Креведко прышол!
Голос из какого-то окна:
- Убейся апстену мудаг! Иди нах боянщег, капс закрой, люди спят!
Из другого окна:
- Жжешь! Плюс адин!
********
Ну а как поверх полупрозрачное, так это просто же - позиционируете его абсолютно, и применяете фильтр к нему:
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter:alpha(opacity=50)
|
| |
| |
|
|
| |
|
|
| |
для: confirm
(19.11.2012 в 18:43)
| | | Пробую делать так:
<span class="folio-thumb">
<a class="nnn" href="/cars/view/8" title="Chevrolet Aveo 1.4"></a>
<a class="folio-overlay" href="/cars/view/8" title="Chevrolet Aveo 1.4">
</a><a href="http://holidaycars.md/cars/view/8"><img height="240" class="attachment-folio-1-col wp-post-image" src="/public/images/cars/dsc0326_43067_b1.jpg"></a>
<span class="more-hover"></span>
</span>
|
CSS:
.one-col .folio-wrap .folio-thumb {
position: relative;
overflow: hidden;
display: block;
width: 331px;
height: 240px;
background-color: #fff;
}
.more-hover {
width: 331px;
height: 240px;
display: none;
position: absolute;
}
.folio-thumb:hover>.more-hover {
background: url(../images/hatch-dark.png);
opacity: 0.5;
display: block;
}
|
Но результата 0 | |
| |
|
|
