2012-04-08 11 views
0

hat jemand andere Gliederung in CSS verwendet, um doppelte Rahmen statt verschachtelte divs zu erstellen? Was sind die Nachteile der Verwendung von Gliederung in CSS, weil ich nicht sehr beliebt bin? CheersVerwenden von Gliederung für CSS-Rahmen

+0

Warum ist diese jquery, html5 markiert? – elclanrs

+0

Wenn Sie zwei Rahmen möchten, sollten Sie sich den Doppelrahmen-Stil ansehen. Oder wenn Ihnen das nicht gefällt und Sie mehrere Rahmen ohne verschachtelte divs möchten, können Sie die ': before'- und': after'-Pseudo-Elemente anweisen. Siehe [dieses Beispiel] (http://jsfiddle.net/62QHG/) Ich habe neulich gemacht, mit 1 Div. –

+0

@elclanrs: Auch [css3] – BoltClock

Antwort

0

Meinst du statt zwei Divs mit einzelnen festen Rahmen?

Die Nachteile für diese, wie ich bemerkt habe, ist, dass Sie nicht jede Farbe kontrollieren können, sie müssen beide gleich sein ... Auch können Sie nicht ihre Entfernung auseinander, oder jeder von ihnen Größen usw.

Also ich denke, es hängt wirklich davon ab, was Sie eine doppelte Grenze verwenden werden ... aber für einfache doppelte Standardgrenzen, es viel schneller als zwei divs und zwei Grenzen ... (IMO)

Ich denke, dass sie nicht beliebt sind, denn wie oft sehen Sie doppelte Grenzen im Internet?

+0

Ich meine, wenn ich wollte eine doppelte Umrandung bei einer div id = "slideshow", normalerweise neste ich eine andere div class = "inner" und gebe ihr eine Farbe #fff, dann hat meine div id = "slideshow" beispielsweise einen Rahmen # 000 und dies erzeugt eine doppelte Umrandung Illusion. Allerdings kann ich border # 000 und outline #fff verwenden; auf div id = "slideshow", um eine doppelte Grenze Illusion zu erstellen, ohne div Klasse = "innere" verschachteln zu müssen, aber was sind die Fallen der Arbeit auf diese Weise? –

+0

Ja, ich kenne keine Probleme damit. Als ich deine Frage gelesen habe, dachte ich fälschlicherweise, du fragst nach der Grenze: doppelt, aber was du hast, ist gut. –

+0

Danke! wusste nicht, dass ich doppelt verwenden könnte: Grenze entweder, danke eine Million :) –

0

Es kommt darauf an. outline funktioniert ziemlich gut in den meisten Browsern einschließlich IE8, schnelles Beispiel http://jsfiddle.net/elclanrs/jecEB/.

Sie könnten auch box-shadow für den gleichen Zweck verwenden und Sie können mehr als 2 Grenzen hinzufügen. Dies funktioniert natürlich nur in Browsern, die diese css3-Funktion unterstützen.

0

Das Hauptproblem bei der Gliederung ist, dass es sich außerhalb des Box-Modells befindet, so dass es zu einem hässlichen Kollaps kommen kann.

Darüber hinaus wird Gliederung viel für Barrierefreiheit verwendet, und es ist immer eine gute Idee, nicht mit Zugänglichkeit zu verwirren.

+0

Wie wird es für die Zugänglichkeit verwendet, verwenden Sie jemals umreißen Sie sich? –

+0

Einige Browser verwenden Umrisse in Standardstilen. Pro Beispiel verwendet Chrome Outline für: Fokusstile. Ich denke, Opera Mobile verwendet auch Outline sehr. Ich benutze es oft, um Hinweise für sehbehinderte Menschen hinzuzufügen. – mddw

Verwandte Themen