/ 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
Semi-transparent?
Fra : Kenny


Dato : 18-02-05 22:28

Jeg mener at kunne huske, man kan lave en baggrund transparent i
forskellige grader...

F.eks. hvis man i en div-boks med et fotografi som baggrund gerne
vil have en div-boks med tekst.

Så skal boksen med tekst i gerne have en ikke transparent men
f.eks. 30% transparent baggrund, så teksten er let at læse, mens
boksens baggrund stadig kan ses...

Taler jeg i tåger?

Forenklet ønsker jeg at kunne lave en 30% transparent (eller 70%
lysnet) baggrund...

Er sikker på, jeg har set det muliggjort engang

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
zigma.dk (18-02-2005)
Kommentar
Fra : zigma.dk


Dato : 18-02-05 22:36

Du kan lave et css:

<div style="filter:Alpha(Opacity=70)">
Blah blah
</div>


Men du bør ikke satse på at det virker i alle browsere =)

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kenny (18-02-2005)
Kommentar
Fra : Kenny


Dato : 18-02-05 22:42

> <div style="filter:Alpha(Opacity=70)">
> Blah blah
> </div>
>
> Men du bør ikke satse på at det virker i alle browsere =)


Okay... Tak! Troede egentlig, der var en sikker løsning...

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kenny (18-02-2005)
Kommentar
Fra : Kenny


Dato : 18-02-05 22:43

> > Men du bør ikke satse på at det virker i alle browsere =)


Kan ikke få den til at virke i FireFox. Dobbelt

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (18-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 18-02-05 22:38

Kenny wrote:
> Jeg mener at kunne huske, man kan lave en baggrund transparent i
> forskellige grader...

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

Vær opmærksom på, at Opera ikke fatter en meter af opacitet.

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



Kenny (18-02-2005)
Kommentar
Fra : Kenny


Dato : 18-02-05 22:46

> Vær opmærksom på, at Opera ikke fatter en meter af opacitet.

Okay... Så må jeg gøre den hvis i Opera. Ærgerligt!

Måske det slet ikke er sagen alligevel. Foretrækker "universelle"
standarder

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kenny (18-02-2005)
Kommentar
Fra : Kenny


Dato : 18-02-05 22:53

Kenny wrote in dk.edb.internet.webdesign.html:

> Måske det slet ikke er sagen alligevel. Foretrækker "universelle"
> standarder

Men det gør ikke så meget med Opera's "fejllæsning" hvis jeg f.eks.
bare bruger det i link-knapper ved hover... Så bliver det i Opera
bare en ensfarvet hover.

FireFox og IE virker fint...

Fint fint!

Tak igen...

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Toke Eskildsen (18-02-2005)
Kommentar
Fra : Toke Eskildsen


Dato : 18-02-05 23:36

Erik Ginnerskov wrote:

> http://hjemmesideskolen.dk/html/testsider/opac.asp
>
> Vær opmærksom på, at Opera ikke fatter en meter af opacitet.

En anden mulighed er at hacke det med en halvgennemsigtig PNG:
http://ekot.dk/www/gennemsigtighed/

Erik Ginnerskov (19-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-02-05 00:27

Toke Eskildsen wrote:
> Erik Ginnerskov wrote:
>
>> http://hjemmesideskolen.dk/html/testsider/opac.asp
>>
>> Vær opmærksom på, at Opera ikke fatter en meter af opacitet.
>
> En anden mulighed er at hacke det med en halvgennemsigtig PNG:
> http://ekot.dk/www/gennemsigtighed/

Den virker ikke i IE.

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



Toke Eskildsen (19-02-2005)
Kommentar
Fra : Toke Eskildsen


Dato : 19-02-05 00:52

Erik Ginnerskov wrote:

Toke:
>> En anden mulighed er at hacke det med en halvgennemsigtig PNG:
>> http://ekot.dk/www/gennemsigtighed/
>
> Den virker ikke i IE.

Så bruger vi forskellige versioner af IE. Min er IE6 SP2 under XP.

Erik Ginnerskov (19-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-02-05 01:06

Toke Eskildsen wrote:

>>> En anden mulighed er at hacke det med en halvgennemsigtig PNG:

>> Den virker ikke i IE.
>
> Så bruger vi forskellige versioner af IE. Min er IE6 SP2 under XP.

Det er så noget helt nyt i den opdatering af IE. IE har aldrig før kunnet
vise halvgennemsigtige png'er. Jeg har IE6 på W2K.

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



Toke Eskildsen (19-02-2005)
Kommentar
Fra : Toke Eskildsen


Dato : 19-02-05 01:23

Erik Ginnerskov wrote:

> Det er så noget helt nyt i den opdatering af IE. IE har aldrig før
> kunnet vise halvgennemsigtige png'er. Jeg har IE6 på W2K.

Det har den såmænd kunnet i lang tid. Jeg er ret sikker på at IE5 også
kan. Men det kræver at man eksplicit tager hensyn til IE.

Problemet med at gøre det på den måde jeg har gjort, er at det ikke er
korrekt CSS. Jeg har så, for princippets skyld, anvendt conditional
comments til at pakke den ikke-korrekte del ind.

En anden mulighed ville være at benytte PNG-tricket til alle browsere
undtagen IE og opacity med IE.


Jeg vil gerne slå et slag for PNG med gennemsigtighed. Det er godt nok
lidt besværligt, hvis man bruger dem til baggrunde. Men hvis de
indsættes med <img ...>, er det nærmest trivielt at få det til at virke
i Internet Explorer.

Det kræver blot to filer på serveren og tre linjer i ens stylesheet:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
--
Toke Eskildsen - http://ekot.dk/

Erik Ginnerskov (19-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-02-05 01:16

Toke Eskildsen wrote:

>>> En anden mulighed er at hacke det med en halvgennemsigtig PNG:
>>> http://ekot.dk/www/gennemsigtighed/

OK, nu fik jeg tid til at kigge på den side. Der er altså brugt en
halvgennemsigtig png til Mozilla og Opera og noget hack til IE. Det virker
også i min IE.

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



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