使用jQuery在页面底部弹出Cookie

Question

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

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

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

是否有任何可能的方式来复制特定元素的CSS样式或可以创建具有类似样式的弹出窗口的任何参考CSS。

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

Answer 1

我不确定您是否已尝试复制该元素的CSS代码，但是如果您这样做了，我认为它应该可以正常工作，因为该元素只需要使用rgba(0,0,0,.8)作为{ {1}}属性。

位置，您可以使用绝对位置或固定位置（取决于情况）。

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;
}