Benutzer:Nachteule/Test: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
so solte es dann aussehen ...
KKeine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (6 dazwischenliegende Versionen von 4 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 | |Flock 2.0.3 | ||
| Zeile 38: | Zeile 39: | ||
<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 | |||
[[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ö | |||
|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 |