Я хочу поместить кнопку на фоновое изображение

У меня есть кнопка, которую я должен был наложить поверх моего фонового изображения, но всякий раз, когда я ее кладу, он заполняет весь экран. Может ли кто-нибудь показать мне, как положить его в верхнем левом углу страницы? https://www.codecademy.com/byteSurfer77914/codebits/cV0Szc/edit Я хочу поместить кнопку на фоновое изображение

источник

2015-07-15 Douglas Rehm

Я не вижу вашу кнопку нигде, но посмотрите на некоторые мои комментарии в своем коде, и вы должны получить представление о том, с чего начать изменять код.

<!DOCTYPE html> 
<html> 
<p> <!--you can't have a p tag in the <head>--> 
</p> 
<head> 
    <link rel='stylesheet' href='style.css'/> 
    <script src='script.js'></script> 
</head> 
<body><p2><!--No such thing as a p2 tag--> 
</p2> 
</body> 
</html>

Теперь ваш CSS

body { 
    background-image: url('http://i.ytimg.com/vi/E_gnIn3IBdI/maxresdefault.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
//You have multiple body tags. So your css above is being overwritten by this next block. You probably want this to be assigned to an a tag or a button. 
body { 
    display:  inline-block; 
    padding:  8px 13px; 
    background: #073763 url('http://dabuttonfactory.com/button.png?w=1&h=42&bgt=gradient&bgc=f40808&ebgc=073763') repeat-x; 
    background: -moz-linear-gradient(#f40808, #073763); 
    background: -o-linear-gradient(#f40808, #073763); 
    background: -webkit-linear-gradient(#f40808, #073763); 
    background: linear-gradient(#f40808, #073763); 
    border-radius: 8px; 
    color:   #fff; 
    font:   normal 400 26px/1 "Pacifico", cursive; 
    text-align: center; 
    text-shadow: 1px 1px 0 #000; 
}

источник

2015-07-15 04:48:02

Я хочу поместить кнопку на фоновое изображение

ответ

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