Rounded Corners in Chrome nicht ganz korrekt -> Bug in chrome?
flash
- css
0 dave0 bleicher0 Gunnar Bittersmann
Hallo,
ich will einem DIV mit Hilfe von CSS3 abgerundete Ecken hinzufügen. Dies mache ich mit folgendem Code. Leider werden die abgerundeten Ecken in Chrome nicht ganz korrekt dargestellt. Der weiße Hintergrund geht scheinbar minimal über den schwarzen Rand des DIVs hinaus und das sieht dann ein bisschen unschön aus.
Hat jemand Erfahrungen damit? Ist das ein Bug in Chrome oder kann man da irgend etwas gegen tun?
Viele Grüße
flash
In Firefox wird alles korrekt angezeigt.
~~~css
<html>
<head>
<style type="text/css">
body{
background:grey;
}
.test{
background:white;
border:1px solid black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
height:50px;
width:50px;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
Hi,
hilft es evtl. -webkit-background-clip: padding-box;
mit anzugeben?
~dave
Grüße,
-webkit-border-radius: 5px; -moz-border-radius: 5px;
du hast komische typos in deiner "borde-radius" schreibweise
MFG
bleicher
Hi,
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
du hast komische typos in deiner "borde-radius" schreibweise
Ich seh da nur einen Typo - bei Dir, bleicher (oder sollte ich bleiche schreiben?), fehlt das r am Ende von border.
cu,
Andreas
Grüße,
Ich seh da nur einen Typo - bei Dir, bleicher (oder sollte ich bleiche schreiben?), fehlt das r am Ende von border.
so wie r am ende der berliner maut?
MFG
bleicher
@@flash:
nuqneH
Leider werden die abgerundeten Ecken in Chrome nicht ganz korrekt dargestellt. Der weiße Hintergrund geht scheinbar minimal über den schwarzen Rand des DIVs hinaus und das sieht dann ein bisschen unschön aus.
Auf dem Mac kann ich keine Unschönheiten feststellen. Von welchem Betriebssystem sprichst du?
-webkit-border-radius: 5px; -moz-border-radius: 5px;
Mas ist mit IE und Opera?
Übrigens beherrschen die neusten Versionen aller großen Browser 'border-radius' ohne Präfix.
Qapla'
@@Gunnar Bittersmann:
nuqneH
Mas ist mit IE und Opera?
Mer hat das M auf den Kopf gestellt? Maruw?
Qapla'