Design Multimedia » hack css http://www.designmultimedia.com Blog su Design e mondo Multimediale Sat, 04 Feb 2012 08:30:00 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Hack CSS per tutti browser! http://www.designmultimedia.com/trucchi-css/hack-css-per-tutti-browser.html http://www.designmultimedia.com/trucchi-css/hack-css-per-tutti-browser.html#comments Fri, 15 Jan 2010 12:31:09 +0000 Massimo Mastromarino http://www.designmultimedia.com/?p=576 State impazzendo e non trovate una la soluzione per le vostre pagine HTML per fare in modo che funzionino correttamente su tutti browser? Il primo consiglio è quello di staccare alzarvi dal computer e riprendere in un secondo momento. Spesso la troppa concentrazione ci impedisce di vedere anche le soluzioni più semplici.
Ma se proprio non volete mollare ed Internet Explorer o Firefox o Opera o Chrome o Safari non rispondono alle vostre richieste: allora vi presento l’ Hack CSS dei vostri sogni (anche se non credo tutti la pensino così).css-codicePoter decidere di comandare distintamente ben 8 browser in base ad un unico class è può essere una soluzione allettante per chi è arrivato al punto di impazzire col CSS.
Su GiantIsland ho trovato CSS Hack for Chrome, Safari, and Internet Explorer, questo Hack CSS che promette proprio di fare ciò. Per assurdo sarebbe possibile decidere di assegnare ad ogni browser utilizzato un colore diverso del testo.

Guardate esempio del l’hack CSS.

Il codice Hack css per tutti i browser

/*//// GIANTISLAND LLC CSS HACK*/

#test1 {
font-weight:bold;
font-size:14px;
color:orange;
voice-family:"\"}\"";
voice-family:inherit;
color:grey;\
color:black;
[color:black;
color:yellow;]
}
/*end*/
/*\*/
html*#test1 {
[color:red;
color:blue;
]color:purple;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #test1 {
color:green;
}
/*end*/

[#test1 {
[color:red;
color:blue;
]color:purple;

Legenda Hack CSS

Se vedi nero, usi un browser basato su Mozila (Firefox).
Se vedi rosso, usi una vecchia versione Mozilla (< version 1.01) (Firefox).
Se vedi giallo, usi Google Chrome (2.01+), Opera, o Safari (4.0+).
Se vedi blu, usi Google Chrome (1.0 – 2.01), o Safari (1 – 3).
Se vedi grigio, usi Internet Explorer 8.
Se vedi lilla, usi Internet Explorer 7.
Se vedi verde, usi Internet Explorer 6.
Se vedi arancione, usi Internet Explorer 5.

Demo hack CSS

Verificate voi stessi con i browser che avete installato sul vostro sistema: esempio del l’hack CSS.

]]> http://www.designmultimedia.com/trucchi-css/hack-css-per-tutti-browser.html/feed 10