Как мога да направя hover като FB

[ExtazY1]

Как мога да направя така като мишката е върху снимката отзаде да стане прозрачно както като отидеш във фейсбук върху известията и става някво такова прозрачно бяло

Ето css това е логото

[css].navigation a.logo{
position:relative;
display:block;
top:4px;
left: -45%;
*width:48px;
*height:48px;
*margin-top:5px;
*margin: 0 0 0 -268px;
}[/css]

 

[goshkoy]

[css].navigation a.logo{
position:relative;
display:block;
top:4px;
left: -45%;
*width:48px;
*height:48px;
*margin-top:5px;
*margin: 0 0 0 -268px;
}

.navigation a.logo:hover{
opacity: 0.5;
}[/css]

 

[ExtazY1]

Така когато мишката е върху логото става малко прозрачно, а аз искам нещо като background да излезе зад логото

 

[eddyy93]

Не съм сигурен, но това opacity, мисля че не работи за IE 6 - 7.

 

[goshkoy]

да eddy прав си но си има фикс
[css].opacity {
opacity: 0.5;
filter: alpha(opacity = 50);
}[/css]

 

[ExtazY1]

С opacity не мога да получа този ефект за който говоря

 

[goshkoy]

[css]
.navigation a.logo:hover{
background-color: #ffffff;
}[/css]

това е ако искаш да ти излиза цвят за бекграунд
а за картинка да ти излиза за бг
[css]
.navigation a.logo:hover{
background: url('път до картинката') no-repeat center;
}[/css]

 

[ExtazY1]

и това съм направил като сложа да излиза бял background когато мишката е върху бутона излиза бяло но като му сложа и opacity и снимката става прозрачна , а искам само бялото да стане прозрачно