-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbg-attachment-local.html
88 lines (83 loc) · 5.86 KB
/
bg-attachment-local.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>background-attachment: local</title>
<style>
body {
width: 80%;
margin: 30px auto;
}
#poem {
font-family: sans-serif;
line-height: 2;
width: 350px;
height: 300px;
padding: 10px 30px;
overflow: scroll;
background-image: url(./images/white-bg.jpg);
background-attachment: local;
}
</style>
</head>
<body>
<div id="poem">
<h2>Dreams</h2>
<p>Hold fast to dreams</p>
<p>For if dreams die</p>
<p>Life is a broken-winged bird</p>
<p>That cannot fly.</p>
<p>Hold fast to dreams</p>
<p>For when dreams go</p>
<p>Life is a barren field</p>
<p>Frozen with snow.</p>
<footer>
<h2>By Langston Hughes</h2>
</footer>
</div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. At, earum doloremque eligendi commodi suscipit
laudantium asperiores ad saepe? Modi tenetur suscipit hic assumenda sapiente iste, est aliquid exercitationem
placeat distinctio accusamus consectetur iure excepturi corrupti et molestiae, vitae officiis atque ab! Velit
necessitatibus incidunt ratione provident doloribus magni perspiciatis suscipit. Accusantium cumque asperiores
sapiente voluptates quia numquam harum magni enim dignissimos molestias, nulla quidem consequatur dicta expedita
reiciendis quae tenetur optio itaque iste eum debitis illo saepe nostrum impedit? Accusantium tempore animi
laboriosam, dolore autem non dolorum necessitatibus unde earum aliquam ex! Atque sunt reiciendis illo nostrum
fugiat beatae tempora?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta id accusamus nostrum reprehenderit fugit nemo
modi, laboriosam incidunt voluptas? Doloremque culpa aliquam est et quo, mollitia temporibus necessitatibus
voluptates quaerat iure veritatis. Eos voluptas iure ea unde tempore eligendi, rem ipsa laboriosam. Perferendis
quasi amet temporibus odio error, maxime nisi soluta ratione, nobis fuga at doloribus architecto accusantium et?
Omnis nemo, recusandae debitis totam eius temporibus consequuntur illo quas earum dolorum dolores et dicta
itaque obcaecati sit esse molestiae corporis saepe ipsum quasi. Eius recusandae at eveniet, facilis aperiam
voluptatibus reiciendis! In temporibus reprehenderit consequuntur ullam, dignissimos error eum minus?</p>
<p>Magni necessitatibus animi esse possimus officia facere omnis ratione, dolorum ullam excepturi earum harum,
officiis illo unde a quo repudiandae maiores similique velit mollitia nostrum voluptatem. Sed nisi quisquam quae
amet nobis. Dolorem deleniti quasi vero ducimus consequatur officia doloribus quam eius fuga quae necessitatibus
alias dolore quis, earum voluptatum sapiente. Voluptatum, odio. Fugiat eum perspiciatis, ad incidunt commodi
aliquam autem est voluptatibus repellendus doloremque praesentium voluptatem ipsa quisquam nulla ut cum
blanditiis sit accusamus doloribus recusandae! Maiores rerum eum omnis voluptas autem odio dolores magni
incidunt soluta modi, voluptate tempora labore doloremque nam tenetur non! Voluptatum excepturi enim optio!</p>
<p>Ipsa blanditiis molestiae, quos repudiandae iste hic accusantium incidunt obcaecati modi. Alias, aspernatur
dignissimos illum molestias similique sunt ratione aliquid, culpa, eaque asperiores possimus. Vero reprehenderit
dolor debitis. Cupiditate harum, esse sint voluptatum cumque iste eius ad. Totam ad ex perferendis eum rerum sed
asperiores animi neque repellat. Officia itaque iste consequuntur illo expedita aspernatur, quisquam voluptas
voluptatum accusantium at accusamus quidem sed delectus. Facilis omnis minima tempora excepturi modi ex
provident officiis culpa nesciunt, saepe nihil harum tempore voluptatum accusantium aperiam repellat aliquam,
officia velit impedit odio vero! Similique neque tempore molestiae veritatis perferendis ullam? A esse placeat
rerum!</p>
<p>Autem iure voluptatibus repellat magni ut iste fuga laborum voluptatem? Iste saepe esse error recusandae fugit.
Blanditiis iste vel deleniti sequi modi maiores aut nemo in quos, nisi natus labore doloribus! Sit, est
exercitationem? Sequi exercitationem temporibus corporis quos in praesentium explicabo reprehenderit! Cum ad
quia quod? Sed odio nisi earum debitis dolores eos voluptatem qui vero accusamus nobis magnam unde esse
provident perferendis, deleniti nulla magni a harum corrupti ipsam voluptas inventore! Veniam est sint
voluptatibus eligendi, dolores qui consequuntur fugit nisi reprehenderit saepe vitae doloribus beatae cum hic
laudantium. Eaque, officiis placeat eius nostrum magnam fugiat vel harum?</p>
<p>Accusamus ducimus deserunt tenetur vel minima ipsum, ratione maiores consequatur et molestias ad beatae assumenda
debitis quasi? Minus ex, voluptas dicta quidem vel iure obcaecati vero dolores, alias dolore inventore atque
provident, unde sapiente eaque perspiciatis numquam ab et tenetur! Unde illum vitae, nulla vero ab itaque
dolorum debitis molestiae tenetur accusamus blanditiis eveniet voluptatum eaque repellendus animi alias in ea,
mollitia sequi voluptatibus explicabo aliquam cum officia voluptatem. Beatae voluptas architecto suscipit
eligendi sunt veritatis doloribus nulla at exercitationem quae. Dolores reprehenderit, reiciendis perferendis
cum voluptatem aliquam veniam nam officia quaerat quam porro ab doloribus voluptates, quidem maxime. Quas!</p>
</body>
</html>