Transparent png-knapp, kompatibelt nuförtiden?

Permalänk
Medlem

Transparent png-knapp, kompatibelt nuförtiden?

Är det safe att använda, utan någon speciell kod till?
Blir aningen snyggare, så om det fungerar för ~99% av alla besökare så kan det vara värt det

Har själv bara kunnat testa Firefox 10, IE9, och senaste Chrome.
Försökte installera IE8 i sandbox, men det ville sig absolut inte, och det är väl IE8 som skulle kunna förstöra misstänker jag.
Äldre läsare än så känns väl inte så aktuellt att testa ...

Någon som vet, eller som har en IE8 att testa med?
Knappen nere till höger det gäller.

EDIT: Tar bort länken till testsidan, har "ditchat" grafiska knappen nu.
Lyckades dock testa själv till slut, och slutsatsen var att en transparent png fungerade bra t.o.m. IE7.

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Medlem

Ser bra ut här med, tyvärr har jag bara chrome ie 9 & FF 10 att testa med :-/

Visa signatur

i5-12600KF | Noctua NH-D15S Chromax Black | MSI MAG B660M | 32 GB G.Skill Trident Z | 3 * WD Black SN750 | Asus TUF OC RTX 3080 | Silverstone FT02 | Corsair RM750W | Samsung Odyssey G9 49" |

Permalänk
Inaktiv

PNG bilder med alpha kanal har fungerat ända sen IE7, så ja det är ganska säkert att använda haha.
Och om du nu tvunget behöver stöd för IE6 finns det polyfills.

Permalänk
Medlem
Skrivet av anon150287:

PNG bilder med alpha kanal har fungerat ända sen IE7, så ja det är ganska säkert att använda haha.
Och om du nu tvunget behöver stöd för IE6 finns det polyfills.

Läste om det, men hade ingen aning om min bild har alpha kanal eller inte.
Kan inget om sådant, bara gjorde en transparent png

Så det finns ingen hake med min knapp?
Ens i mobila enheter?

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Medlem

Fungerar på min mobbe med HTC-läsaren.. baserad på Chrome tror jag.

Skickades från m.sweclockers.com

Permalänk
Hedersmedlem

Antar det är "Beställa"-knappen du pratar om. Varför inte bara göra den i CSS? Dels är det "onödigt" att använda bilder när det bara är text som ska framföras, dels är den inte speciellt stylad, dels vore det designmässigt trevligare att ha en mer enhetlig design istf en enstaka bildknapp som sticker ut. Jobba med så få koncept som möjligt, men inte färre .

Summa: ett enhetligt intryck är mer värt än en transparent knapp.

Visa signatur

Nu med kortare användarnamn, men fortfarande bedövande långa inlägg.

Permalänk
Medlem
Skrivet av strimman:

Fungerar på min mobbe med HTC-läsaren.. baserad på Chrome tror jag.

Skickades från m.sweclockers.com

Tack
Blir så himla fult om det inte fungerar har jag för mig.
När jag knåpade ihop sidan 2007, så fanns det en webbläsare som INTE klarade det.
Tror det var någon gammal på jobbet, och då tänkte jag att jag kör utan transparens istället, men nu har det ju gått några år sedan dess ...

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Medlem
Skrivet av phz:

Antar det är "Beställa"-knappen du pratar om. Varför inte bara göra den i CSS? Dels är det "onödigt" att använda bilder när det bara är text som ska framföras, dels är den inte speciellt stylad, dels vore det designmässigt trevligare att ha en mer enhetlig design istf en enstaka bildknapp som sticker ut. Jobba med så få koncept som möjligt, men inte färre .

Summa: ett enhetligt intryck är mer värt än en transparent knapp.

Vet ej hur man gör en CSS-knapp.
Knappen finns ju redan där, sedan 5 år, men utan transparens, och jag tycker den blir lite diskretare och snyggare såhär.
Därför jag ville byta, om det är kompatibelt

EDIT: Du kanske menar en "knapp" i stil med min meny bara?

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Inaktiv

Finns inga problem med att använda PNG bilder med alpha kanal (de flesta sidor använder sådana). Jag skulle nog också styla den med CSS3 som phz säger, men då får du mindre stöd i webbläsare. Tex. IE9 klarar inte av text-shadow.

EDIT: http://webdesignerwall.com/tutorials/css3-gradient-buttons

Permalänk
Avstängd

Sidan ser ut att vara från 1990 talet? (designmässigt)...

Visa signatur

iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: INTEL CELERON @ 2.80GHz 1GB
iPeek #2: INTEL ATOM x8 @ 2.80GHz 4GB
Skollaptop: Macbook AIR 13" 2011, 128GB, 4GB

Permalänk
Medlem
Skrivet av havsmonstret:

Finns inga problem med att använda PNG bilder med alpha kanal (de flesta sidor använder sådana). Jag skulle nog också styla den med CSS3 som phz säger, men då får du mindre stöd i webbläsare. Tex. IE9 klarar inte av text-shadow.

EDIT: http://webdesignerwall.com/tutorials/css3-gradient-buttons

Tack

Skrivet av _vanilla:

Sidan ser ut att vara från 1990 talet? (designmässigt)...

2007, men jag har gjort allt själv i notepad, och det känns roligare än att välja en färdig template.

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Medlem

Kanske förövrigt skulle vara snyggare att fortsätta min sidfot, och skriva med samma text "Beställa" ute i högerkant ...
Blir ju väääldigt diskret, men å andra sidan är det inte många som beställer utan folk går ju mest in och tittar på bilderna.
EDIT: Blev väldigt fjuttigt

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Avstängd
Skrivet av ASBR:

Tack

2007, men jag har gjort allt själv i notepad, och det känns roligare än att välja en färdig template.

Öhm.. men alltså man kan göra snyggare i notepad...

jag har själv gjort följande (jag är 16år gammal...)

http://synka.nu/
http://shoppingronden.se/
http://viddds.designsthlm.com/
http://designsthlm.com/
http://ekblomma.se/

Med tanka på att du har ganska bra bilder så skulle det kanske vara roligare att visa upp dom i en snyggare hemsida/portfolio?

Visa signatur

iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: INTEL CELERON @ 2.80GHz 1GB
iPeek #2: INTEL ATOM x8 @ 2.80GHz 4GB
Skollaptop: Macbook AIR 13" 2011, 128GB, 4GB

Permalänk
Inaktiv
Skrivet av _vanilla:

Öhm.. men alltså man kan göra snyggare i notepad...

jag har själv gjort följande (jag är 16år gammal...)

http://synka.nu/
http://shoppingronden.se/
http://viddds.designsthlm.com/
http://designsthlm.com/
http://ekblomma.se/

Med tanka på att du har ganska bra bilder så skulle det kanske vara roligare att visa upp dom i en snyggare hemsida/portfolio?

Gillar att det är olika authors på sidorna

TS: Din sida ser ganska gammal ut ja. Centrera sida och kolla på lite "modernare" sidor och hämta inspiration.

Permalänk
Avstängd
Skrivet av anon150287:

Gillar att det är olika authors på sidorna

TS: Din sida ser ganska gammal ut ja. Centrera sida och kolla på lite "modernare" sidor och hämta inspiration.

Har gjort dem med olika vänner..

Visa signatur

iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: INTEL CELERON @ 2.80GHz 1GB
iPeek #2: INTEL ATOM x8 @ 2.80GHz 4GB
Skollaptop: Macbook AIR 13" 2011, 128GB, 4GB

Permalänk
Medlem
Skrivet av anon150287:

TS: Din sida ser ganska gammal ut ja. Centrera sida och kolla på lite "modernare" sidor och hämta inspiration.

Testade centrera förut, men ingen tyckte det var snyggare, inte jag heller.

Jag vill ha en statisk sida utan några script och utan "trams", lättanvänd, och då blir det kanske lätt lite gammaldags.

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Inaktiv
Skrivet av ASBR:

Testade centrera förut, men ingen tyckte det var snyggare, inte jag heller.

Jag vill ha en statisk sida utan några script och utan "trams", lättanvänd, och då blir det kanske lätt lite gammaldags.

Det handlar inte bara om estetik när man centrerar sidor. Kommer du ihåg när Sweclockers var vänsterjusterat? På en skärm över 17" - 19" var det jobbigt som fan att läsa och man fick ont i nacken.

Permalänk
Medlem
Skrivet av anon150287:

Det handlar inte bara om estetik när man centrerar sidor. Kommer du ihåg när Sweclockers var vänsterjusterat? På en skärm över 17" - 19" var det jobbigt som fan att läsa och man fick ont i nacken.

Det är förvisso sant. Något att tänka på kanske.
Men det ser ju så konstigt och ovant ut

EDIT: Swec är förövrigt ganska så vänsterjusterat hos mig. Inte alls centrerat i alla fall.
EDIT2: Var visst bara no-script som blockade lite annonser i högerkant som fyller ut.

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Skrivet av ASBR:

EDIT: Swec är förövrigt ganska så vänsterjusterat hos mig. Inte alls centrerat i alla fall.

Beror på storlek på webbläsarfönstret. Kör jag återställt så är det vänsterjusterat, kör jag maximerat är det centrerat.

Permalänk
Medlem

Blir det bättre centrerat då, eller skär det sig med innehållet på något sätt?

Visa signatur

MCP - MCTS - CCNA (expired)

Permalänk
Inaktiv
Skrivet av ASBR:

Blir det bättre centrerat då, eller skär det sig med innehållet på något sätt?

http://test3.sebastianfoto.se/

Ja, det är mycket bättre.
Förstår inte riktigt hur det menar att det skär sig med innehållet.

Permalänk
Medlem
Skrivet av anon150287:

Ja, det är mycket bättre.
Förstår inte riktigt hur det menar att det skär sig med innehållet.

Ah, tack, kanske ändrar då
Menade bara om innehållet i sidan måste vara centrerat i större utsträckning eller något liknande.

Visa signatur

MCP - MCTS - CCNA (expired)