Also experimentiere ich mit abgerundeten Ecken in CSS3 (nicht im IE, es ist mir egal, ob es dort funktioniert), und ich habe das DIV, wo alle meine Inhalte ziemlich gut aussehen. Das Problem, das ich habe, ist, dass es Kinder-Divs gibt, die nicht von den abgerundeten Ecken des Elternteils "maskiert" werden. Ich suche nicht nach dem Kind, das die abgerundeten Ecken erbt. Ich möchte nur irgendeinen Inhalt innerhalb des Elternteils haben, um nicht sichtbar zu sein, wo es gerundet ist, als ob es maskiert wäre. Ich habe versucht mit "overflow: hidden;", aber das scheint nicht den Trick zu tun.
Hat irgendjemand irgendwelche Ideen, wie die Kinder des abgerundeten Container-DIV vom Mutter-DIV sorta maskiert werden können? Wenn es irgendeinen Nutzen hat, verwende ich "position: absolute;" auf dem Elternteil DIV. Nicht sicher, ob das einen Unterschied macht.
Danke!
Fügen Sie overflow: hidden; zum übergeordneten Element hinzu. Das hat das Problem für mich behoben.
Verwenden Sie Auffüllen auf dem Div. Wenn Sie das Padding dem Radius anpassen, sollten Sie sich keine Gedanken über Überlappungen oder den Inhalt in den abgerundeten Bereichen machen.
%Vor%Hier ist eine hilfreiche Seite, die über den CSS3 Border Radius spricht: Ссылка .
Tags und Links html css css3 hierarchy rounded-corners