2012-06-14 13 views
23

Sto utilizzando il codice seguente per generare una barra orizzontale. Funziona in versioni precedenti del browser ma non in Internet Explorer 9. Non sarà visibile fino a quando non clicco su 'Compatibility View'. Abbiamo un sostituto per questo o è stato sostituito?sostituzione per il righello orizzontale <hr> tag

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

risposta

27

Prova

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

Non sarà visibile, questo è quello che ho provato; ( –

+0

Scusa, sta arrivando ora. Ho perso il confine: 0 proprietà. Grazie ... –

13

HR nella sua forma originale, come STRIKE, B ecc. Erano troppo orientati al layout e alla presentazione.

HTML 5 sta spostando il markup verso una struttura più semantica con più enfasi sul layout che viene posizionato su elementi CSS e multimediali.

Dalla documentazione 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. 

quindi basta per lo stile è piacevolmente.

-6

provare qualcosa di simile:

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

Non usare l'HR come è deprecato in questa fase, e utilizzare solo CSS in linea per le prove ;-)

+0

Modifiche in HTML5: sebbene le versioni precedenti di HTML definissero l'elemento hr solo in termini di presentazione, all'elemento è stato ora assegnato lo scopo semantico specifico di rappresentare una "interruzione tematica a livello di paragrafo". vedi http://dev.w3.org/html5/markup/hr.html – Oliver

+0

Ancora non dovrebbe essere usato in quanto sembra orribile e gli sviluppatori che mantengono il tuo markup in futuro penseranno che sia corretto riutilizzarlo se lo hai usato - e potrebbero non definire la sua bruttezza intrinseca. In pratica, è da evitare. – IrishChieftain

+0

Personalmente eviterei lo spessore visto che sembra grosso ... – IrishChieftain

14

Ho usato anche div's per questo, qualcosa come <div style="width: 100%; height: 7px; background: #F87431; overflow: hidden;">

+0

Questo mi ha dato un'alternativa, è bello ... Grazie –

+0

Grazie amico, mi ha salvato la giornata. stavo cercando un'alternativa per


grazie mille –

Problemi correlati