Benutzer:Nachteule/Test: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K |
|||
Zeile 38: | Zeile 38: | ||
<div style="background-color:#000;padding:20px;"> | <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> | <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 | ||
+ | |||
+ | {|cellspacing="10px" | ||
+ | |Browser | ||
+ | |rund? | ||
+ | |wird's rund? | ||
+ | |- | ||
+ | |IE (5,6,7,8) | ||
+ | |nö, natürlich nicht | ||
+ | | | ||
+ | |- | ||
+ | |Firefox 3.5 | ||
+ | | | ||
+ | | | ||
+ | |- | ||
+ | |Chrome 3.x | ||
+ | |?? | ||
+ | |Chrome 4.x | ||
+ | |- | ||
+ | |Safari 4 | ||
+ | | | ||
+ | | | ||
+ | |- | ||
+ | |Opera 10.10 | ||
+ | | | ||
+ | |Opera 10.50 jawoll | ||
+ | |- | ||
+ | |Flock 2.0.3 | ||
+ | | | ||
+ | | | ||
+ | |} |
Version vom 26. Februar 2010, 22:06 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 | wird wohl in IE9 rund |
Firefox 3.5 | nö | wohl in Firefox 3.6 oder doch nicht? in Beta 5 isset alles eckich ... |
Chrome 3.x | ?? | Chrome 4.x jawoll |
Safari 4 | nö | |
Opera 10.10 | nö | Opera 10.50 jawoll |
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 | rund? | wird's rund? |
IE (5,6,7,8) | nö, natürlich nicht | |
Firefox 3.5 | ||
Chrome 3.x | ?? | Chrome 4.x |
Safari 4 | ||
Opera 10.10 | Opera 10.50 jawoll | |
Flock 2.0.3 |