Notifikationer

Markér alle som læst Log ud

it-interesseret Nybegynder

26. maj 2006 - 14:03 Der er 11 kommentarer og
2 løsninger

Mouse-over-filters virker ikke i FireFox

Hej alle

Dette virker ikke i FireFox (kun i IE), men hvordan får vi FireFox med?

<img src="/images/layout/denne_annonce_kan_blive_din4.jpg" border="0" alt="banner" onmouseover="filters.alpha.opacity=100" style="FILTER: alpha(opacity:30)" onmouseout="filters.alpha.opacity=30"/>

Synes godt om

psykochicken Nybegynder

26. maj 2006 - 17:26 #1

læs ex. http://developer.mozilla.org/en/docs/CSS:-moz-opacity

og så bliver det noget i stil med:
<img src="1ex.gif" border="0" alt="banner" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity=1" onmouseover="this.style.filter='alpha(opacity=100)';this.style.MozOpacity=1;this.style.opacity=1;" onmouseout="this.style.filter='alpha(opacity=30)';this.style.MozOpacity=0.3;this.style.opacity=0.3;">

/psc

Synes godt om

mclemens Nybegynder

26. maj 2006 - 21:28 #2

Udvider den lige en gang til css istedet... IE understøtter dog kun hover på a'tags - så vi skal wrappe et a tag rundt img'tagget om for at bruge css istedet for javascript ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
a.opac img{border:0px;filter: alpha(opacity:30);-moz-opacity: 0.3;opacity: 0.3;}
a.opac:hover img{filter: alpha(opacity:100);-moz-opacity: 1;opacity: 1;}
</style></head>

<body>

<a href="#" class="opac"><img src="1ex.gif" alt="banner"></a>

</body></html>

Synes godt om

mclemens Nybegynder

26. maj 2006 - 21:49 #3

Edit: Dårlig formuleret... Udvider den lige en gang til css istedet... Rettes til: Kommer lige med en css udgave, hvis nu den har interesse...

Synes godt om

it-interesseret Nybegynder

26. maj 2006 - 22:07 #4

Mange tak begge - tryk svar :-)

Synes godt om

mclemens Nybegynder

26. maj 2006 - 22:30 #5

[ Mange tak begge - tryk svar :-) ]
- Okidoki :)

Håber det er ok med deleren psykochicken? Kom ikke med den anden markup for point :)
- ellers så skriv det lige i dit svar så it-interesseret kan afvise mit svar ;)

Synes godt om

psykochicken Nybegynder

26. maj 2006 - 23:36 #6

joda - det er altid godt med valgmuligheder ;o)
svar kommer her :o)

Synes godt om

it-interesseret Nybegynder

26. maj 2006 - 23:43 #7

Men hov, css-løsningen virker ikke i FireFox ;-)

Jeg vil helt klart helst have der over i CSS, så kan I hjælpe mig lidt der? :-)

Synes godt om

mclemens Nybegynder

26. maj 2006 - 23:54 #8

fjern _ og mellemrum i denne her:
w _ w _ w.d k _ i _ f.com/users/clemens/test.html
... virker her i FF 1.5.0.1 og IE 6.0 :/
- psykochicken virker den hos dig?

Synes godt om

mclemens Nybegynder

26. maj 2006 - 23:56 #9

og tak for point forresten :)

Synes godt om

it-interesseret Nybegynder

26. maj 2006 - 23:59 #10

Selv tak og nu virker det i CSS'en :-)

Synes godt om

mclemens Nybegynder

27. maj 2006 - 00:03 #11

ok :)

Synes godt om

psykochicken Nybegynder

27. maj 2006 - 00:09 #12

det virker hos mig i IE, FF, NS, men ikke i Opera....flere browsere har jeg ikke ;o)

....og tak for point ;o)

Synes godt om

mclemens Nybegynder

27. maj 2006 - 00:30 #13

P.s.: Blev lige irriteret over at den ikke ville virke i Opera også ...
testede lidt - men jeg har opgivet ... vælger at vente på Opera 9 :D
http://my.opera.com/olli/blog/show.dml/81711

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS