Question

I would like to hide the background image of the ReportView control which is toolbar_bk.png
By saying hide actually i would like to set it to none.

So how could i easily do it? Server side, CSS, Javascript or even better JQUERY?
I am totally lost with this one.

Here is the rendered part

<div id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05" 
  style="font-family:Verdana;font-size:8pt;border-bottom:1px #CCCCCC Solid;
  background-color:#F7F7F7;
  background-image:url(/domain-name.com/Reserved.ReportViewerWebControl.axd?
  OpType=BackImage&Version=10.0.40219.329&
  Color=%23F7F7F7&Name=Microsoft.Reporting.WebForms.Icons.toolbar_bk.png);">

Answer 1

I’m not sure this is what you want. Here’s an answer nevertheless..

Wrap them with their own div. Let’s give that div a class of “wrapper”. on the css side paste this:

.wrapper * {
background-image: none;
}