I znów potrzebuję pomocy
Gdzie mógłbym i znaleźć wyjaśnienie PO POLSKU tych zastosowań wraz z kodami?
http://randsco.com/index.php/2005/09/11 ... x_on_hover
pozdr.
R.
z-index a :hover
Re: z-index a :hover
Poszedłem na około, i nie jest to zbyt zgrabne ale wyszło tak,
CSS:
HTML:
http://mrsmok.pl/galeria.html
Chciałbym jeszcze przy ożyciu: uzyskać przeźroczystość tła pod powiększonymi obrazkami i ich opisem. troszkęsięjuż w tym zagmatwałem, pomożecie? 
R
CSS:
Kod: Zaznacz cały
p, b, #sp1, #sp2, #sp2,#spa3 {display: block; }
#i1 {
position: absolute;
top:0px;
left: 0px;
margin-left: 10px;
}
#i2 {position: absolute;
top: 60px;
left: 0x;
margin-left: 10px;
}
#i3 {position: absolute;
top: 120px;
left: 0px;
}
b {
position:relative;
z-index: 200;
}
b #spa, b #spa1, b #spa2 {
visibility:hidden;
position:absolute;
padding-top: 10px;
}
b:hover #spa, #spa1, #spa2,
b.msieFix #spa,
b.msieFix #spa1,
b.msieFix #spa2
{
visibility:visible;
}
fieldset .foto {
z-index: 100;
}
.bg {
filter:alpha(opacity=80);
opacity:0.8;
}
#spa {background:#ddb; width:202px; height: 192px; top:0px; left:90px; border: 1px solid #000000; z-index: 2; filter:alpha(opacity=90); opacity: 0.9;}
#spa1 {background:#ddb; width:202px; height: 192px; top:0px; left:90px; border: 1px solid #000000; z-index: 2; filter:alpha(opacity=90);opacity:0.9;}}
#spa2 {background:#ddb;width:202px;top:0px;left:100px; z-index: 2;}
#spa3 {background:#ddb;width:250px;top:0px;left:0px; z-index: 2;}
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"/>
<html xmlns="http://www.w3.org/1999/xhtml"/>
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="Keywords" CONTENT="adam, bórkowski, muzyka, elektroniczna">
<META NAME="Description" CONTENT="Strona poszukiwacza barw, twórcy muzyki elektronicznej. Adam Bórkowski">
<META NAME="Author" CONTENT="Wawrzyniec">
<META NAME="Robots" CONTENT="ALL">
<LINK rel="stylesheet" HREF="mrsmok.css" type="text/css">
<LINK rel="stylesheet" HREF="galeria.css" type="text/css">
<TITLE>Mr. Smok Adam Bórkowski</TITLE>
</HEAD>
<BODY>
<DIV id="tlo">
<DIV>
<b onmouseover="this.className='msieFix'" onmouseout="this.className=''">
<IMG SRC="smok-m1.png" WIDTH="66" HEIGHT="50" BORDER="0" ALT=""id="i1">
<p id="spa">
<IMG SRC="smok-m1.png" WIDTH="200" HEIGHT="150" BORDER="0" ALT=""><BR><BR><BR>Elektroniczny Woodstock 2006</p></b>
</DIV>
<DIV>
<b onmouseover="this.className='msieFix'" onmouseout="this.className=''">
<IMG SRC="smok-m2.png" WIDTH="66" HEIGHT="50" BORDER="0" ALT="" ID="i2">
<b><p id="spa1">
<IMG SRC="smok-m2.png" WIDTH="200" HEIGHT="150" BORDER="0" ALT=""><BR><BR><BR>Elektroniczny Woodstock 2007</p></b>
</DIV>
</DIV>
</BODY>
</HTML>Chciałbym jeszcze przy ożyciu:
Kod: Zaznacz cały
filter:alpha(opacity=wartosc);
opacity:0.wartosc;
R