/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
filter i css?
Fra : rhizome


Dato : 14-01-03 18:23

hey gruppe
på mit site: http://home1.stofanet.dk/ausfahrt-design/ har jeg i
"gallery"-sektionen følgende effekt på mine thumbs:

<a href="hund.htm" target="maina"><img border="0" src="hundthumb.jpg"
width="40" height="40" name="billede06"style="filter:alpha(opacity=70)"
onMouseover="billede06.filters.alpha.opacity=100"
onMouseout="billede06.filters.alpha.opacity=70"
onClick="billede06.filters.alpha.opacity=70"></a>

kan dette defineres i css, så jeg slipper for at skulle lave koden til hvert
enkelt billede?
/dennis

--
--
"Jeg har længtes mod Skibskatastrofer
Og mod Hærværk og pludselig Død."
- Tom Kristensen

http://home1.stofanet.dk/ausfahrt-design



 
 
Lasse Reichstein Nie~ (14-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 14-01-03 20:47

"rhizome" <dsei00@hum.auc.dk> writes:

> på mit site: http://home1.stofanet.dk/ausfahrt-design/ har jeg i
> "gallery"-sektionen følgende effekt på mine thumbs:
>
> <a href="hund.htm" target="maina"><img border="0" src="hundthumb.jpg"
> width="40" height="40" name="billede06"style="filter:alpha(opacity=70)"
> onMouseover="billede06.filters.alpha.opacity=100"
> onMouseout="billede06.filters.alpha.opacity=70"
> onClick="billede06.filters.alpha.opacity=70"></a>
>
> kan dette defineres i css, så jeg slipper for at skulle lave koden til hvert
> enkelt billede?

Ikke standard-CSS. Der er ingen alpha eller opacity i CSS2.
Både IE og Mozilla har dog deres egne udvidelser.
Du bruger allerede IE's udvidelse,
filter:alpha(opacity=...)
så måske er problemet bare at få den til at virke når musen er over
billedet og når man trykker på det?

Prøv en style:

<style type="text/css">
img{
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
img:hover {
-moz-opacity:1.0;
filter:alpha(opacity=100);
}
img:active {
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
</style>

Igen, det er ikke standard, så det virker kun i IE og Mozilla.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Christian M. Nielsen (14-01-2003)
Kommentar
Fra : Christian M. Nielsen


Dato : 14-01-03 20:56


----- Original Message -----
From: "rhizome" <dsei00@hum.auc.dk>

> på mit site: http://home1.stofanet.dk/ausfahrt-design/ har jeg i
> "gallery"-sektionen følgende effekt på mine thumbs:
>
> <a href="hund.htm" target="maina"><img border="0" src="hundthumb.jpg"
> width="40" height="40" name="billede06"style="filter:alpha(opacity=70)"
> onMouseover="billede06.filters.alpha.opacity=100"
> onMouseout="billede06.filters.alpha.opacity=70"
> onClick="billede06.filters.alpha.opacity=70"></a>
>
> kan dette defineres i css, så jeg slipper for at skulle lave koden til
hvert
> enkelt billede?


<style type="text/css">
<!--
img {width: 40px; height: 40px; filter:alpha(opacity=70)}
-->
</style>



Mvh / Regards

-=< Christian >=-

What capital has 164 letters in its name? See my web page to find out.
http://www.cmnielsen.dk ICQ: 25308942
Destiny is not a matter of chance it is a matter of choice




Jens Gyldenkærne Cla~ (14-01-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 14-01-03 21:52

rhizome skrev:

> <a href="hund.htm" target="maina"><img border="0"
> src="hundthumb.jpg"
> width="40" height="40"
> name="billede06"style="filter:alpha(opacity=70)"

Du mangler et mellemrum i linjen herover.

> onMouseover="billede06.filters.alpha.opacity=100"
> onMouseout="billede06.filters.alpha.opacity=70"
> onClick="billede06.filters.alpha.opacity=70"></a>

De tre javascriptevents herover kan erstattes med pseudoklasserne
hover og active på a-koden - se Lasses eksempel.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste