2012-06-14 11 views
23

Używam poniższego kodu do generowania poziomego paska. Działa w starszych wersjach, ale nie w przeglądarce Internet 9. Nie będzie widoczny, dopóki nie kliknę "Widok zgodności". Czy mamy do tego zastępcę lub czy został on zastąpiony?zamiennik linijki poziomej <hr> tag

<hr style="color:#F87431 ; height:7px "/> 

Odpowiedz

27

Spróbuj

<hr style="background:#F87431; border:0; height:7px" /> 
+0

To nie będzie widoczne, to jest to, co próbowałem; ( –

+0

Przepraszamy, pojawia się teraz. Straciłem granicę: 0 nieruchomości. Dzięki ... –

13

HR w swojej pierwotnej formie, jak STRIKE, B itd., Były zdecydowanie zbyt układowe i zorientowane na prezentację.

HTML 5 przesuwa znacznik w kierunku bardziej semantycznej struktury, z większym naciskiem na układ umieszczony na CSS i elementach multimedialnych.

Z dokumentacji W3C:

In HTML 4.01, the <hr> tag represented a horizontal rule. 
In HTML5, the <hr> tag defines a thematic break. 
However, the <hr> tag may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms. 

Więc po prostu trzeba projektować je ładnie.

-6

Spróbuj czegoś takiego:

<div style="color:#F87431;height:7px;">-------------------</div> 

Nie używaj HR jak to przestarzała na tym etapie, a używać tylko inline CSS do testów ;-)

+0

Zmiany w HTML5: chociaż poprzednie wersje HTML definiowały element hr tylko w kategoriach prezentacyjnych, elementowi nadano teraz konkretny semantyczny cel reprezentowania "tematycznej przerwy na poziomie akapitu". zobacz http://dev.w3.org/html5/markup/hr.html – Oliver

+0

Nadal nie powinno być używane, ponieważ wygląda okropnie, a twórcy utrzymujący twój znacznik w przyszłości pomyślą, że można go ponownie użyć, jeśli go użyłeś - i mogą nie stylizować swojej wrodzonej brzydoty. W praktyce należy tego unikać. – IrishChieftain

+0

Osobiście uniknęłabym grubości, ponieważ wygląda masywnie ... – IrishChieftain

14

Używam również div dla tego, coś jak <div style="width: 100%; height: 7px; background: #F87431; overflow: hidden;">

+0

To dało mi alternatywę, jest super ... Dzięki –

+0

Dzięki stary, uratowałem mój dzień. szukałem alternatywy dla


dziękuję bardzo –