/ 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
Problem med CSS - Opacity
Fra : John Sahl


Dato : 07-07-05 15:03

Er der nogen der kan guide mig den rigtige vej, mht mit problem
mht Opacity/CSS, så jeg kan få siden til at virke ordentligt i mere
end lige IE?

Linket til siden er http://www.fotofaelden.dk

--
John Sahl,
www.bilstereobladet.dk / Lad der være lyd!



 
 
Martin Hintzmann And~ (07-07-2005)
Kommentar
Fra : Martin Hintzmann And~


Dato : 07-07-05 16:00

John Sahl wrote:
> Er der nogen der kan guide mig den rigtige vej, mht mit problem
> mht Opacity/CSS, så jeg kan få siden til at virke ordentligt i mere
> end lige IE?
>
> Linket til siden er http://www.fotofaelden.dk
>


Du kan vælge at bruge CSS-opacity eller alpha-transparente PNG-billeder.


CSS-opacity virker IKKE i Opera

opacity: 0.5;
Er CSS3 og virker i Safari og fra og med Mozilla 1.7

-moz-opacity: 0.5;
Virker i Mozilla browsere før version 1.7

-khtml-opacity: 0.5;
Virker i Konquare

filter:alpha(opacity=50);
Virker i Internet Explorer på windows fra og med version 5.5

http://www.hintzmann.dk/testcenter/css/opacity/



Alternativt kan du også vælge at bruge PNG-billeder som alpha
transparent baggrund, som mig bekendt virker i samtlige af nutidens
browsere, undtagen IE.

Men fra og med IE version 5.5 kan du bruge et IE-only filter til at
genskabe effekten.
http://www.hintzmann.dk/testcenter/css/png/



--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

John Sahl (07-07-2005)
Kommentar
Fra : John Sahl


Dato : 07-07-05 21:01

Martin Hintzmann Andersen wrote:
> Du kan vælge at bruge CSS-opacity eller alpha-transparente
> PNG-billeder. http://www.hintzmann.dk/testcenter/css/opacity/
> http://www.hintzmann.dk/testcenter/css/png/

Så langt er jeg med, men jeg har endnu ikke kunnet få det
implementeret så det virker

--
John Sahl,
www.bilstereobladet.dk / Lad der være lyd!



Erik Ginnerskov (07-07-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-07-05 23:22

John Sahl wrote:

> Så langt er jeg med, men jeg har endnu ikke kunnet få det
> implementeret så det virker

Så prøv at kigge på denne side:

http://hjemmesideskolen.dk/html/testsider/opac.asp

Her er alle tre muligheder vist:

1. Ren css - forstås af Mozilla og IE
2. PNG - forstås af Mozilla og Opera
3. Konbineret løsning, så alle kan være med.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



John Sahl (08-07-2005)
Kommentar
Fra : John Sahl


Dato : 08-07-05 00:00

Hej Erik,

Erik Ginnerskov wrote:
> Så prøv at kigge på denne side:

Jeg må (med skam) indrømme, at det faktisk er dine eksempler jeg
ikke har kunnet få til at virke på min side

> http://hjemmesideskolen.dk/html/testsider/opac.asp
>
> 3. Konbineret løsning, så alle kan være med.

Og det er jo denne her jeg gerne vil bruge, men jeg må jo prøve
at se nærmere på det igen i morgen.

--
John Sahl,
www.bilstereobladet.dk / Lad der være lyd!



Joe (07-07-2005)
Kommentar
Fra : Joe


Dato : 07-07-05 21:06

Martin Hintzmann Andersen wrote:
> CSS-opacity virker IKKE i Opera
>
> opacity: 0.5;
> Er CSS3 og virker i Safari og fra og med Mozilla 1.7
>
> -moz-opacity: 0.5;
> Virker i Mozilla browsere før version 1.7
>
> -khtml-opacity: 0.5;
> Virker i Konquare
>
> filter:alpha(opacity=50);
> Virker i Internet Explorer på windows fra og med version 5.5

Vær opmærksom på at opacity ikke er del af W3C's css specifikation og at
dine css filer derfor ikke vil kunne validere hvis du bruger en af disse
løsninger.

Opacity er en nifty lille ting der kan lave en masse lækre detaljer i
ens design, men husk at din side skal kunne fungere på en browser der
ikke understøtter det.

Sørg for ikke at gøre funktioner på din side afhængig af opacity
(menu'er mm.)

VH Joe

Erik Ginnerskov (07-07-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-07-05 23:27

Joe wrote:

> Vær opmærksom på at opacity ikke er del af W3C's css specifikation og
> at dine css filer derfor ikke vil kunne validere hvis du bruger en af
> disse løsninger.

Det er ikke helt rigtigt. Opacity er ganske rigtigt ikke en del af css2 - er
først med i css3.

Men jigsaw siger alligevel, at en side med opacity er valid. Der kommer kun
en warning:

"property opacity does not exist for this profile, but is validated
conforming to another profile"

http://hjemmesideskolen.dk/html/testsider/opac.asp - sidens css validerer!

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



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

Månedens bedste
Årets bedste
Sidste års bedste