Question

我想隐藏ReportView控件的背景图片toolbar_bk.png 通过说隐藏其实我想把它设置为无。

那我怎么能轻松做到呢？服务器端，CSS，Javascript甚至更好的JQUERY？我完全迷失了这个。

这是渲染的部分

<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

请注意，它总是CSS隐藏您的元素或显示您的背景等。您可以将其内联，放入外部文件或通过脚本语言（即JavaScript）动态创建，最终使用JavaScript库作为jQuery。

对于您的问题：只是不要创建内联样式服务器端，一切都很好。

Answer 2

我不确定这是你想要的。不过这是一个答案..

用他们自己的div包裹他们。让我们给这个div一类“包装”。在CSS方面贴上这个：

.wrapper * { background-image：none; }

Answer 3

使用jQuery，您只需执行此操作：

$('#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').css('background-image', 'none');

只需简单的javascript：

document.getElementById('ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').style.backgroundImage = 'none';

在页面或外部样式表中使用css：

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05 { background-image:none !important}

Answer 4

最佳选项 - 将服务器控件配置为不设置背景图像。
如果无法＃1，您可以编写JavaScript以在加载后操纵HTML。

如果你需要使用选项2，这是一个jQuery示例：

$('[id~="ReportViewer1"]').css('background-image', 'none');

Answer 5

使用jquery addClass()函数如下

<style>
            .report
            {
                background-color: #D6E3F3;
                /* background-image: url("/Reserved.ReportViewerWebControl.axd?OpType=BackImage&Version=10.0.30319.1&Color=%23ECE9D8&Name=Microsoft.Reporting.WebForms.Icons.toolbar_bk.png");*/
                border-bottom: 1px solid #CCCCCC;
                font-family: Verdana;
                font-size: 8pt;
            }
            </style>


<script>
    $(document).ready(function () {
        $('#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').removeAttr('style');
        $('#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').addClass('report');
    });
</script>

我应该使用Javascript，CSS或隐藏控件呈现的图像的内容吗？

5 个答案: