Блог

У меня есть кнопка div, а внутри есть img и кнопка. Я пытаюсь поместить img поверх кнопки внутри div, по центру моего Facebook-файла.

 lt;div id="FacebookDivv"gt;  lt;div id="buttonDiv"gt;  lt;button id="loginBut" gt;lt;p id="SignInText"gt;Sign Inlt;/pgt;lt;/buttongt;  lt;img src="http://icons.iconarchive.com/icons/alecive/flatwoken/512/Apps-Facebook-icon.png" height="150px" width="150px" margin-top="50vh"gt;  lt;/divgt;  lt;/divgt;  

и мой css-это:

 #loginBut {  border-color: #2d5073;  background-color: #3b5998;  height: 40px;  display: inline-block;  width: 120px;   background-image: url(http://icons.iconarchive.com/icons/danleech/simple/512/facebook-icon.png);  background: url(http://aroosamanzar.com/uploads/images/facebook-logo-png-white-i6.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c74c4), color-stop(100%, #3b5998));  background-size: 25px 25px, cover;  background-position: 170px center, center center;  background-repeat: no-repeat, repeat;  }   #buttonDiv{  width: 150px;  align-content: center;  display: inline-block;  margin-top: 40vh;  }  

когда я загружаю страницу, кнопка находится рядом с img, и проверка src говорит, что ее даже нет внутри кнопки.?

Сотрите этот p тег внутри button тега в HTML, и если вы хотите, чтобы изображение кодировало кнопку, используйте его в качестве фонового изображения, а не в img теге