html - 在广告下显示 "Disable Adblock"图片

Question

我正在努力做到这一点，如果您启用了广告拦截，那么我网站上的广告横幅后面会显示一张图片，上面写着“请考虑禁用广告拦截”。

它怎么会显示为带边框的框。

This is the box.

这是我的代码。

.banner {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding: 5px 0px;
width: 750px;
max-width: 100%;
padding: 10px;
height: 90x;
min-height: 90px;
/* Disable Adblock Banner. */
background-image: url("http://i.imgur.com/dUEUcJY.png");
border: 1px solid #191919;

这是我的 HTML。

<div class="banner">
  <center>

    <!-- Some Ad Content Here -->

  </center>
</div>

Answer 1

尝试改用这个 CSS:

.banner {
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0px;
  width: 750px;
  max-width: 100%;
  padding: 0;
  height: 90x;
  min-height: 90px;
  background-image: url("http://i.imgur.com/dUEUcJY.png");
}

<div class="banner"></div>