How to hide a background with AdBlock Plus filter

html css filter firefox-addon adblock
Simone picture Simone · Oct 15, 2011 · Viewed 9.2k times · Source

Some websites set a background image to advertise, e.g.

<body style="background-image:url('images/adv.png')">

I'm wondering how I can write an AdBlock Plus filter in order to hide the <body> background.

Answer

jakub.g picture jakub.g · Oct 19, 2011

If you are not strictly sticking with ABP, you can use Stylish to do it in CSS way. In fact, it is my preferred way to do things like that. 

body { background-image: none !important; }

Of course you can just make the ABP filter containing whole URL, this will affect not only background, but I can't think of the reason why not to block the URL entirely.

Related questions

<div> blur of part of Background image with css

I use this Is it possible to use -webkit-filter: blur(); on background-image? solution to make blurry backgroung image and it works great! But I want to make some <div> over background and make it blurry. So background should …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More