Hvilke browsere understøtter p.t. alpha channel?
Stig Johansen
I forbindelse med nogle andre diskussioner, kom vi ind p� CSS3 og alpha
channel.
I den forbindelse udvidede jeg 'color picker' med en ekstra 'slider' til
alpha channel.
<http://w-o-p-r.dk/tips/color.picker.asp>
Jeg er ikke selv den store 'farveh�g', og n�r det virker i FF, s� er jeg
godt tilfreds, men det kunne da v�re interessant at h�re hvilke browsere,
der P.T. underst�tter det (ud over FF).
For en god ordens skyld, s� optr�der 'alpha channel' som en ensartet farve
for de browsere, der IKKE underst�tter det.
Som sagt s� er jeg i bund og grund tilfreds hvis det virker i FF, men det
kunne da v�re interessant at vide 'hvor langt' de forskellige browsere er
n�et.
Eller - hvilken browser har den gule f�rertr�je?
--
Med venlig hilsen
Stig Johansen
Philip Nunnegaard
> Som sagt s� er jeg i bund og grund tilfreds hvis det virker i FF, men det
> kunne da v�re interessant at vide 'hvor langt' de forskellige browsere er
> n�et.
I IE 8 ser colourpickeren ud til slet ikke at virke.
Og opacity-slideren ses slet ikke.
I Opera virker det som det skal, men dog er pr�vefarven som vises over
slideren n�r musen er over den, ensfarvet under hele forl�bet.
> Eller - hvilken browser har den gule f�rertr�je?
Firefox 3.5, Google Chrome 3 og Safari 4 ser ud til at vise det ens.
--
Philip - http://www.chartbase.dk | http://www.hitsurf.dk
Rune Jensen
> Firefox 3.5, Google Chrome 3 og Safari 4 ser ud til at vise det ens.
SeaMonkey, OK viser det som FF.
K-Meleon, den kan ikke testes, da tingene ligger meget forskudt, og der
er ingen gradienter, n�rmere grove overgange. Det er heller ikke verdens
mest brugte browser anyway, og har vidst ikke v�ret opdateret i lang tid.
MVH
Rune Jensen
Rune Jensen
> I IE 8 ser colourpickeren ud til slet ikke at virke.
> Og opacity-slideren ses slet ikke.
Iflg. IE
"Detaljer om fejl p� websiden
Brugeragent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0;
Trident/4.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR
3.0.30729)
Tidsstempling: Sun, 27 Dec 2009 12:24:29 UTC
Meddelelse: Ugyldig egenskabsv�rdi.
Linje: 535
Tegn: 7
Kode: 0
URI: http://w-o-p-r.dk/tips/color.picker.js
"
MVH
Rune Jensen
Stig Johansen
> Iflg. IE
>
> "Detaljer om fejl p� websiden
>
> Meddelelse: Ugyldig egenskabsv�rdi.
> Linje: 535
Ok, den kan selvf�lgelig ikke lide en rgba streng.
Jeg har �ndret det til en try/catch, s� forh�bentlig 'virker' den i IE8, dog
bliver farven blot sat til den samme.
Desv�rre har jeg mistet adgangen til IE8, da min kammerat ville have sin
PC'er tilbage efter jeg havde installeret den (skiderik:-)
Stig Johansen
> I Opera virker det som det skal, men dog er pr�vefarven som vises over
> slideren n�r musen er over den, ensfarvet under hele forl�bet.
Det tyder p�, at Opera ikke underst�tter det.
Er 'preview pane' ogs� ensfarvet hvis du klikker p� alpha slideren?
Philip Nunnegaard
> Det tyder p�, at Opera ikke underst�tter det.
> Er 'preview pane' ogs� ensfarvet hvis du klikker p� alpha slideren?
Nejda. Den ser ud til at virke som den skal. Og slideren er ogs�
gradient, som den skal v�re. Det er kun den lille firkant over slideren
der ikke spiller som den skal.
Stig Johansen
> Nejda. Den ser ud til at virke som den skal. Og slideren er ogs�
> gradient, som den skal v�re. Det er kun den lille firkant over slideren
> der ikke spiller som den skal.
Interessant.
Jeg kopierer backgroundColor fra slideren over i den lille firkant, og den
lille tekst i toppen er den udl�ste v�rdi.
Det skulle jo grumme gerne v�re det samme man l�ser ud som man l�ser ind,
men det g�r Opera m�ske ikke.
Hvad st�r der oppe i den lille tekst?
Jeg har ikke t�nkt mig at lave det om, men undrer mig lidt, og ville
muligvis klassificere det som en 'b�f' i Opera.
Philip Nunnegaard
> Hvad st�r der oppe i den lille tekst?
Der st�r den samme tekst som sidst jeg havde musen henover en anden af
de 4 slidere.
Og ogs� samme farve. S� er alphaslideren det f�rste jeg f�re musen ind
over, vises hverken farve eller tekst. (Opdagede lige nu).
Kan det v�re et javascript-problem i Opera (og ikke css), monstro?
Stig Johansen
> Der st�r den samme tekst som sidst jeg havde musen henover en anden af
> de 4 slidere.
> Og ogs� samme farve. S� er alphaslideren det f�rste jeg f�re musen ind
> over, vises hverken farve eller tekst. (Opdagede lige nu).
Jeg har rettet i javascriptet mht. IE fejl, s� det kan godt v�re anderledes.
> Kan det v�re et javascript-problem i Opera (og ikke css), monstro?
Det er lidt sv�rt af afg�re, men det er formentlig en kombination, da 'CSS'
en bliver sat vha Javascript.
P� de 3 f�rste sliders s�tter jeg farven med rgb v�rdier, s� der skulle
gerne st� rgb(r,g,b) i teksten.
I alpha slideren s�tter jeg farven med rgba v�rdier, s� der skulle gerne st�
rgba(r,g,b,a) i teksten, hvor a er mellem 0 og 1.
Da IE fejler med invalid property p� rgba v�rdier lavede jeg det om, ca.
try
s�t rgba
catch
s�t rgb
S� hvis der st�r rgb v�rdier p� alpha slideren, s� er det fordi javascriptet
fejler.
St�r der derimod rgba v�rdier, og den tilsvarende farve ikke vises, s�
forst�r jeg det ikke.
Det er n�jagtig samme v�rdi der bruget til teksten og baggrundsfrven, s� de
_skal_ v�re ens, ellers er det en bug (IMO).
Stig Johansen
news:4b37bd78$0$56786$edfa...@dtext02.news.tele.dk...
> Kan det v�re et javascript-problem i Opera (og ikke css), monstro?
Update p� Opera.
Jeg fandt ud af, at jeg havde lidt overfl�digt liggende p� min disk, s� nu
har jeg hentet og installeret Opera.
Problemet er lidt underligt (alts� opf�rsel i Opera).
Det f�rste jeg bem�rkede var, at Opera udl�ser backgroundColor i hex, uagtet
jeg angiver det som rgb.
Dette kan ses af teksten i det 'lille vindue' i de f�rste 3 sliders.
Hex findes jo ikke til rgba, s� jeg vil g�tte p� Opera har lavet et eller
andet internt hack da de �benbart arbejder med hex i stedet for rgb.
Det betyder at v�rdierne ikke er helt rigtige, som det kan ses af alpha
slideren (nu).
Her er alpa v�rdierne delt op i 1/100 dele, s� de skal hedde 0.01,0.02,0.03
osv.
Som det kan ses af det 'lille vindue', s� er der en del afrundingsfejl i
forhold til det rigtige. Hvilken algoritme de bruger vil jeg ikke g�tte p�,
men den er ret sk�v.
Men ikke nok med det, n�r man udl�ser rgba v�rdien, s� bliver decimaltegnet
pludselig til , i stedet for ., s� i stedet for eks.
rgba(255,0,0,0.5) f�r man rgba(255,0,0,0,5) alts� pludselig 5 v�rdier i
stedet for 4.
Jeg har lavet et lille hack, s� jeg udl�ser og erstatter ',' med '.', s�
v�rdien bliver (nogenlunde) rigtig.
Det betyder at det 'virker' i Opera, men der er helt klart noget Opera burde
kigge n�rmere p�.
I mine �jen er det nogle ret grove afrundingsfejl, og det med at �ndre
decimaltegnet er mildest talt ikke s�rlig smart.
N�, men nu ved vi det til en anden gang, hvis vi skal rode med
alphachannel/DOM/JS i Opera.
--
Med venlig hilsen/Best regards
Stig Johansen
Stig Johansen
news:4b3841da$0$270$1472...@news.sunsite.dk...
> har jeg hentet og installeret Opera.
BTW - kan det passe at Opera ikke underst�tter cursorfiler ?
I den her Opera ser jeg kun standard cursore.
Rune Jensen
> I mine �jen er det nogle ret grove afrundingsfejl, og det med at �ndre
> decimaltegnet er mildest talt ikke s�rlig smart.
Nu er det lidt OT, men Opera har masser andre problemer i fbm. sidste
update. S� mange problemer, jeg blev arrig og afinstallerede den, og
ikke rigtigt har lyst til at have noget at g�re med den igen.
Det er i hvert fald IKKE sl�set programmering og manglende/ukorrekt
error-handling, som skal f� Opera op som en mainstream-browser. Den har
de fuldst�ndigt misforst�et.
MVH
Rune Jensen
Stig Johansen
> Det er i hvert fald IKKE sl�set programmering og manglende/ukorrekt
> error-handling, som skal f� Opera op som en mainstream-browser. Den har
> de fuldst�ndigt misforst�et.
Jeg har ikke noget forhold til Opera, da det kun er f� timer siden jeg
f�rste gang stiftede bekendskab med den, men..
Hvis de gerne vil oph�je den til mainstream, s� skal de - undskyld udtrykket
- eddermanemig f� nosserne op i gangh�jde.
Erik Ginnerskov
> Og ogs� samme farve. S� er alphaslideren det f�rste jeg f�re musen ind
> over, vises hverken farve eller tekst. (Opdagede lige nu).
Jeg har ikke problemer med den side i Opera 10.10 p� Vista.
--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk - http://html-faq.dk
Erik Ginnerskov
> Hej.
>
> I forbindelse med nogle andre diskussioner, kom vi ind p� CSS3 og
> alpha channel.
>
> I den forbindelse udvidede jeg 'color picker' med en ekstra 'slider'
> til alpha channel.
> <http://w-o-p-r.dk/tips/color.picker.asp>
Hvis jeg i FF og IE skalerer siden s� sliderne kan st� ubrudt p� en linje i
et 1024px bredt browservindue, bliver teksten i de bokse, der f�lger
sliderne s� lille, at teksten ikke kan l�ses. I Op er tekstst�rrelsen OK.
Stig Johansen
> Jeg har ikke problemer med den side i Opera 10.10 p� Vista.
Nej, men den er ogs� tilrettet, s� den (forh�bentlig) virker i Opera, for
nogle timer siden.
Desv�rre var det n�dvendigt med et 'hack' for at f� Opera med, s� p� et
eller andet plan giver ordsproget:
"Det er for dyrt at udvikle til IE6"
en anden mening al la:
"Det er for dyrt at udvikle til Opera"
Dette indl�g er ikke ment som en rant, men jeg er skuffet over Opera, n�r
man snakker JS/DOM/Web2.0 (eller 3.0)
Stig Johansen
> Hvis jeg i FF og IE skalerer siden s� sliderne kan st� ubrudt p� en linje
> i et 1024px bredt browservindue, bliver teksten i de bokse, der f�lger
> sliderne s� lille, at teksten ikke kan l�ses. I Op er tekstst�rrelsen OK.
Det er ikke t�nkt som en 'officiel side' - den slags overlader jeg til
hjemmesideskolen/html.dk eller hvad der nu findes, men som et internt
v�rkt�j (til mig selv).
Teksten har ingen v�rdi i sig selv, da det kun er 'endpointet', der er
interessant.
Jeg er ikke interesseret i ris+ros, men alene hvorvidt de forskellige
browsere underst�tter alpha channel.
(I virkeligheden ikke, men det kunne v�re interessant at vide)
Rune Jensen
Hvad sker der, hvis du ud over display:block ogs� giver den en
position:absolute - uden nogen positionsangivelse?
MVH
Rune Jensen
NOTE - OT:
<brok="on">Opera er stadig den mest brugervenlige browser af alle. Der
er bare ingen, som kan sl� den hvad det ang�r, s� nemt er det. Ingen
over, alle andre LANGT under.
Problemet opst�r nok i deres mantra med, at den ikke accepterer
nogensomhelst fejl i HTML/CSS. Det har gjort den til lidt af en
k�led�gge iblandt webdesignere, fordi man direkte kan se, der er fejl.
Faktisk har det givet den s� meget succes, at de har gjort det til en
konsekvent del af deres udvikling, og s� konsekvent, at deres brugere
efterh�nden er begyndt at brokke sig over det i deres forums, fordi selv
ubetydelige sm�detaljefejl, som ellers accepteres af andre browsere,
giver tydelige fejl i Opera. Man skal med andre ord l�se specifikationer
og standarder meget grundigt og uden afvigelser. Og man kan godt
risikere, at noget, som virker i Opera, ikke virker i de andre browsere.
Jeg ved ikke, om de er g�et for langt, om det er steget dem til hovedet,
men jeg synes, det giver et lidt underligt indtryk, at man stiller s�
h�je krav til designere, og selv leverer et fejlfyldt programmeret og
ikke-gennemtestet produkt. Det kunne ogs� tyde p�, udfra hvad du
skriver, at de ikke er slet s� standardoverholdende mere...<brok="off">
Rune Jensen
> Hvad sker der, hvis du ud over display:block ogs� giver den en
> position:absolute - uden nogen positionsangivelse?
Stig - jeg roder da fuldst�ndigt rundt i det. Dette er et svar til dit
andet sp�rgsm�l: "Hvad sker der i Opera" - som er en helt anden side.
Sorry.
MVH
Rune Jensen
Stig Johansen
> Stig - jeg roder da fuldst�ndigt rundt i det. Dette er et svar til dit
> andet sp�rgsm�l: "Hvad sker der i Opera" - som er en helt anden side.
Det h�ber jeg virkelig ogs�, for i forhold til angivelse af color m.v., s�
har de (Opera) _virkelig_ pisset ved siden af potten ved at (fors�ge) at
bruge hexv�rdier.
NOTE:
rgb v�rdier er p� ingen m�de begr�nset til 3*8 bit.
I virkeligheden fandtes rgba v�rdier i den oprindelige CGA til IBM
compatible PC'ere.
Her var v�rdierne blot 1 bit pr. styk, som giver 8 farver, og derudover var
der en a v�rdi (bit) aka (halfbright), som fordoblede farvevalget til 16
stks.
Der er ingen naturlov, der siger at rgb v�rdier er begr�nset til 0..255, s�
at antage at en rgb v�rdi kan beskrives med 6 cifret hex er at skyde sig
selv i foden.
<amat�rer value="off">
Philip Nunnegaard
>> Jeg har ikke problemer med den side i Opera 10.10 p� Vista.
>
> Nej, men den er ogs� tilrettet, s� den (forh�bentlig) virker i Opera, for
> nogle timer siden.
Og nu virker selve farven ogs� fint her i min Opera (version 10.10).
Teksten i den lille boks var f�r en hex-v�rdi, mens den nu station�rt
viser "rgba(255,0,0,0)" plus et decimaltal under der varierer mellem
0,0000000 og 1,0000000.
> Desv�rre var det n�dvendigt med et 'hack' for at f� Opera med, s� p� et
> eller andet plan giver ordsproget:
> "Det er for dyrt at udvikle til IE6"
> en anden mening al la:
> "Det er for dyrt at udvikle til Opera"
Lidt �rgeligt, da jeg ellers i lang tid har betragtet den som en
ultimativ test p� om min html-kode var rigtig.
S� er det Safari 4 nu.
(Google Crome som k�rer p� samme motor som Safari, er bare ikke min kop
te, og jeg stoler heller ikke p� en browser lavet af et firma der lever
af min f�rden p� nettet).
Philip Nunnegaard
> Jeg er ikke interesseret i ris+ros, men alene hvorvidt de forskellige
> browsere underst�tter alpha channel.
Og vi er kommet frem til svaret: Alle browsere undtagen IE.
For almindelige farver kan jeg ikke se nogen forskel p�:
background: #f00;
opacity: .5;
og:
background: rgba(255,0,0,128);
Der hvor jeg kan se muligheden er udelukkende hvis man vil s�tte opacity
p� kanter (borders).
Stig Johansen
> Der hvor jeg kan se muligheden er udelukkende hvis man vil s�tte opacity
> p� kanter (borders).
Jeg syntes heller ikke rigtig jeg kunne se ideen i det n�r vi nu havde
opacity, men forskellen er, at man kan s�tte opacity(alpha) p� forgrund og
baggrund hver for sig, hvor opacity d�kker hele elementet.
S� man kan lave f.eks. en div med 'solid' tekst, og halvgennemsigtig
baggrund.
Om man kan bruge det til noget i praksis ved jeg ikke rigtig, men det er
maget rart at vide.