<hr> nie pokazano

Question

Mam <hr>, który nie jest wyświetlany.

HTML:

<div id="line"><hr /></div> 

CSS:

hr { 
    border: 0; 
    width: 96%; 
    color: #FFFF00; 
    height: 1px; 
} 


#line { 
    float: left; 
    width: 731px; 
    height: 10px; 
} 

pomysłów, dlaczego to nie jest wyświetlana?

Answer 1

wypróbować ten kod:

hr { 
    border: 0; 
    clear:both; 
    display:block; 
    width: 96%;    
    background-color:#FFFF00; 
    height: 1px; 
} 

JSFiddle link http://jsfiddle.net/EXXrB/

Mam nadzieję, że pomoże ci rozwiązać twój problem.

Answer 2

Spróbuj

hr { 
border: 0; 
clear:both; 
display:block; 
width: 96%; 
color: #FFFF00; 
height: 1px; 
} 

Answer 3

hr 
{ 
border:solid 1px black; 
width: 96%; 
color: #FFFF00; 
height: 1px; 

} 

Answer 4

Usuń border: 0; z reguły css dla hr

Demo

Answer 5

Jeśli masz zamiar użyć border:0px;, a następnie ustawić height:1px; i ustawić background:#FFFF00;
(OR)
border:1px solid #FFFF00; i height:0px;

Może rade!

Albo trzymać kolor obramowania, aby pokazać linię poziomą lub iść z kolorem tła dla <HR> tag