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
Antwort
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?
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? –
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. –
Danke! wusste nicht, dass ich doppelt verwenden könnte: Grenze entweder, danke eine Million :) –
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.
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.
Wie wird es für die Zugänglichkeit verwendet, verwenden Sie jemals umreißen Sie sich? –
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
- 1. Szenario vs. Szenario Gliederung
- 2. Imenu in Gliederung umbenennen
- 3. Android EditText: Fokus Gliederung
- 4. C# Gliederung. Klammern oder Regionen
- 5. HTML/CSS Gliederung Nummerierung
- 6. Text Gliederung mit WPF Shader
- 7. CSS-Gliederung mit CSS-Rahmen
- 8. Wie kann ich den Anfangswert der Gliederung wiederherstellen für: Fokus?
- 9. split a pdf basierend auf Gliederung
- 10. Gliederung eines Segoe MDL2 Assets Symbol
- 11. Gliederung JQuery Chosen Select-Box, die
- 12. nav Element ohne Überschrift - Dokument Gliederung
- 13. Gliederung durch das nächste Element verdeckt
- 14. Emacs Shell: Gliederung Eingabe, Ausgabe, Fehler
- 15. Gliederung eines Textes als einzeiliger Vektorpfad
- 16. Ändern div onclick Gliederung in Firefox
- 17. Deaktivieren der automatischen Gliederung in Visual Studio
- 18. Benutzerdefinierte Ansicht: Erstellen von Gliederung mit abgerundeten Ecken für seinen Schatten
- 19. Legen Sie Text Gliederung/Rahmen in Actionscript 3.0
- 20. Code Gliederung, klassisches ASP und Visual Studio 2005
- 21. Staat und Stadt wählen Sie Feld wie nationale Gliederung Seite
- 22. Visual Studio 2008 "Dokument Gliederung" funktioniert nicht mehr für das Hauptformular in meinem Projekt
- 23. Verwenden von kCTLineBreakByCharWrapping für CTTypesetter?
- 24. Verwenden von SimpleHTTPServer für Komponententests
- 25. Verwenden von shared_ptr für refcounting
- 26. Verwenden von android.net.rtp für VoIP
- 27. Verwenden von mod_rewrite für Subdomains
- 28. Verwenden von Medienabfragen für Querformat
- 29. Verwenden von Shader für Berechnungen
- 30. Verwenden von Jconsole für Speicherverlust
Warum ist diese jquery, html5 markiert? – elclanrs
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. –
@elclanrs: Auch [css3] – BoltClock