HTML/CSS/JS: Простой ДИВ не отображая

-1

Я просто хочу понять, почему #div элемент не появляется в любом случае на простой следующий код:HTML/CSS/JS: Простой ДИВ не отображая

<!DOCTYPE html> 
<html> 
    <body> 

    <div id="div"></div> 


    <style> 
    #div{ 
    color:black; 
    width:50px; 
    height:50px; 
    } 
    </style> 
    <script> 
    function algo(){ 
    alert("ALGO"); 
    } 

    document.querySelector("#div").onclick = algo; 
</script> 
    </body> 
</html>

Вот скрипку:

http://jsfiddle.net/26pkt2y6/

источник

2015-02-27 Mr Guliarte

вы считаете «цвет: черный» должен красить весь прямоугольник черный? – guest

http://jsfiddle.net/26pkt2y6/5/ – adeneo

color будет означать цвет переднего плана. Поскольку текст не отображается, похоже, что div не отображается. Установите background, чтобы увидеть div.

function algo() { 
 
    alert("ALGO"); 
 
} 
 

 
document.querySelector("#div").onclick = algo;

#div { 
 
    color: black; 
 
    width: 50px; 
 
    height: 50px; 
 
    background: #000; 
 
}

<div id="div"></div>

источник

2015-02-27 23:20:10

Используйте цвет фона для цвета

источник

2015-02-27 23:21:14

Ваших ДИВЫМ пуст, установите текст или стиль с помощью CSS, вы должны использоваться цветом фона вместо цвета:

function algo(){ 
 
    alert("ALGO"); 
 
} 
 
document.querySelector("#div").onclick = algo;

#div{ 
 
    background-color:black; 
 
    width:50px; 
 
    height:50px; 
 
}

<div id="div"></div>

источник

2015-02-27 23:21:21

Потому что он пуст, попробуйте добавить содержимое между тегами Div, или если вы хотите иметь блок, как кнопки вы должны изменить CSS для:

<style> 
 
    #div{ 
 
    background-color:black; 
 
    width:50px; 
 
    height:50px; 
 
    } 
 
    </style>

источник

2015-02-27 23:21:57 Mustafa

div{ 
    color:black; change this to background-color:black; 
    width:50px; 
    height:50px; 
    }

источник

2015-02-28 04:21:47

HTML/CSS/JS: Простой ДИВ не отображая

ответ

Смежные вопросы