Benutzer:Nachteule/Test: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K |
|||
| (9 dazwischenliegende Versionen von 6 Benutzern werden nicht angezeigt) | |||
| Zeile 2: | Zeile 2: | ||
Ecken rund ("border-radius" ohne browserszpezifischen Hickhack)? | Ecken rund ("border-radius" ohne browserszpezifischen Hickhack)? | ||
| + | |||
{|cellspacing="10px" | {|cellspacing="10px" | ||
| Zeile 10: | Zeile 11: | ||
|IE (5,6,7,8) | |IE (5,6,7,8) | ||
|nö, natürlich nicht | |nö, natürlich nicht | ||
| − | | | + | |IE9 ja |
|- | |- | ||
| − | |Firefox 3. | + | |Firefox 3.6 |
|nö | |nö | ||
| − | | | + | |Firefox 4 ja |
|- | |- | ||
|Chrome 3.x | |Chrome 3.x | ||
|?? | |?? | ||
| − | |Chrome | + | |Chrome 5.x jawoll |
|- | |- | ||
|Safari 4 | |Safari 4 | ||
|nö | |nö | ||
| + | |Safari 5 ja | ||
| + | |- | ||
| + | |Opera 10.50 | ||
| + | |jau | ||
| | | | ||
|- | |- | ||
| − | | | + | |Flock 2.0.3 |
| + | |nö | ||
| + | | | ||
| + | |} | ||
| + | |||
| + | {{sv}} [http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28CSS%29 die englischen „Experten“] | ||
| + | |||
| + | |||
| + | <div style="background-color:#000;padding:20px;"> | ||
| + | <div style="background-color:#fff;opacity:0.5;padding:20px;">Weißer Hintergrund 50% transparent oder 50% deckend, jenachdem. Wenn's grau ist, ist's gut, wennich, dann kanns der Browser nüscht.</div></div> | ||
| + | <br /><br /> | ||
| + | ---- | ||
| + | <br/> <br /> | ||
| + | <div style="margin-left:20px;border:1px solid #aaa; border-radius: 0.5em; box-shadow: 3px 3px 3px #888; padding: 5px 5px 5px 15px; padding:10px; background:#FFF293;">Hund, Katze, Maus und Kamel ...</div> | ||
| + | <br/> | ||
| + | <div style="margin-right:20px;border:1px solid #aaa; border-radius: 0.5em; box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 15px; padding:10px; background:#FFF293;">Hund, Katze, Maus und Kamel ...</div> | ||
| + | <br/> | ||
| + | <div style="margin-left:-40px;margin-right:60px;border:1px solid #aaa; border-radius: 0.5em; box-shadow: 20px 20px 10px #888; padding: 5px 5px 5px 15px; padding:10px; background:#FFF293;">Hund, Katze, Maus und Kamel ...</div> | ||
| + | |||
| + | |||
| + | <br/> | ||
| + | Ecken rund + box-shadow | ||
| + | |||
| + | [[Datei:Boxshadowopera10.5.png|thumb|so ''solte'' es dann aussehen ...]] | ||
| + | {|cellspacing="10px" | ||
| + | |Browser | ||
| + | |schattig? | ||
| + | |wird's schattig? | ||
| + | |- | ||
| + | |IE (5,6,7,8) | ||
| + | |nö, natürlich nicht | ||
| + | |IE9 ja | ||
| + | |- | ||
| + | |Firefox 3.6 | ||
|nö | |nö | ||
| − | |Opera 10.50 | + | |Firefox 4 jau |
| + | |- | ||
| + | |Chrome 3 - 9 dev | ||
| + | |nö | ||
| + | | | ||
| + | |- | ||
| + | |Safari 4 | ||
| + | | | ||
| + | | | ||
| + | |- | ||
| + | |Opera 10.50 | ||
| + | | jau | ||
| + | | | ||
| + | |- | ||
| + | |Flock 2.0.3 | ||
| + | | | ||
| + | | | ||
|} | |} | ||
Aktuelle Version vom 12. November 2010, 00:12 Uhr
Hund, Katze, Maus und Kamel ...
Ecken rund ("border-radius" ohne browserszpezifischen Hickhack)?
| Browser | rund? | wird's rund? |
| IE (5,6,7,8) | nö, natürlich nicht | IE9 ja |
| Firefox 3.6 | nö | Firefox 4 ja |
| Chrome 3.x | ?? | Chrome 5.x jawoll |
| Safari 4 | nö | Safari 5 ja |
| Opera 10.50 | jau | |
| Flock 2.0.3 | nö |
Siehe vielleicht: die englischen „Experten“
Weißer Hintergrund 50% transparent oder 50% deckend, jenachdem. Wenn's grau ist, ist's gut, wennich, dann kanns der Browser nüscht.
Hund, Katze, Maus und Kamel ...
Hund, Katze, Maus und Kamel ...
Hund, Katze, Maus und Kamel ...
Ecken rund + box-shadow
| Browser | schattig? | wird's schattig? |
| IE (5,6,7,8) | nö, natürlich nicht | IE9 ja |
| Firefox 3.6 | nö | Firefox 4 jau |
| Chrome 3 - 9 dev | nö | |
| Safari 4 | ||
| Opera 10.50 | jau | |
| Flock 2.0.3 |