设为首页 - 加入收藏 - 在线工具 - 云主机 - 会员中心 - 【简体 / 繁體
您的当前位置:主页 > 更多免费 > 免费教程 > 正文

广告被屏蔽后显示图片方法

时间:2017-02-23 文章来源:未知 作者:JiusanFree 阅读次数:151 挑错
   做网站的站长朋友们都知道,做网站每年都会投入不少的钱,所以大部分站长都选择了移植广告在网站网页上以此来缓解网站的开支。现在广告联盟众多,大部分站长朋友青睐的广告联盟有百度联盟、谷歌联盟、360联盟、搜狗联盟等等。
   浏览器上的反广告的插件也很多,有的朋友在浏览网页的时候可能使用这一类型的广告屏蔽软件(说实话,过多的广告真的很烦人)。网页广告被屏蔽后,原来的广告位置处就会出现了空白或者错位,给人的视觉体验并不是很好。所以有心的朋友可以使用一张图放置在原来广告位置处,即占据了位置避免了错位又提升了用户体验,还可以提醒用户不要屏蔽广告。
   下面给大家分享的就是广告被屏蔽后显示图片的方法。方法很简单,一小段代码就搞定。

代码:
<div style="background: url('http://wx2.sinaimg.cn/mw690/005K52AZgy1fd0rib3nolj308c08cq3g.jpg');background-repeat: no-repeat;height: 250px;background-size: 250px 250px;">广告代码</div>  
如果想要给图片加个超链接,则代码如下:
 
<a href="http://www.93free.com" target="_blank" >
<div style="background: url('http://www.93free.com/uploads/allimg/170223/2219144501-0.jpg');background-repeat: no-repeat;height: 250px;background-size: 250px 250px;">
广告代码
</div>
</a>
其实很简单,原理就是加个背景图片。图片的宽度和高度可根据自身的需求调整,最好和广告的尺寸一样,道理就不多讲,大家都知道。最后给大家附上一张图,去试试吧!


转载请注明来源:

投稿 找资源 留言板 回顶部