使用jQuery在页面底部弹出Cookie

Question

我是jQuery&CSS。我需要显示一个弹出窗口，类似于下面的网址。

当我们第一次访问下面的url时，页面底部会弹出一个弹出窗口。

我可以使用开发者工具选项复制弹出的div内容，也可以复制整个CSS文件，但我无法复制特定元素的CSS样式。

有没有任何可能的方法来复制特定元素的CSS样式或任何可以创建具有类似样式的弹出窗口的引用CSS。

www2.chubb.com/uk-en/brexit/

Answer 1

我不确定你是否已经尝试复制元素的CSS代码，但如果你尝试了，我认为它应该简单地工作，因为元素只需要使用rgba(0,0,0,.8)作为background属性的背景色。

位置，你可以使用位置绝对或固定(这取决于(。

.pop-up {
height: 200px;
background: rgba(0, 0, 0, 0.8);
color: #FFF;
padding: 15px;
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.background {
height: 400px;
width: 500px;
background: url('https://i.ytimg.com/vi/2XX5zDThC3U/maxresdefault.jpg') 100% 100%;
position: relative;
}

<div class="background">
<div class="pop-up">
<p>The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum." Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC </p>
</div>
</div>