0

我想隐藏 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);">
4

5 回答 5

1

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

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

于 2012-06-07T18:24:40.617 回答
1

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

用自己的 div 包裹它们。让我们给那个 div 一个“包装器”类。在 css 端粘贴这个：

.wrapper * { 背景图像：无；}

于 2012-06-07T18:26:52.417 回答
0

使用 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}
于 2012-06-07T18:26:33.450 回答
0
  1. 最佳选项——将服务器控件配置为不设置背景图像。
  2. 如果 #1 不可行，您可以编写 JavaScript 以在加载 HTML 后对其进行操作。

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

$('[id~="ReportViewer1"]').css('background-image', 'none');
于 2012-06-07T18:31:07.797 回答
0

使用jqueryaddClass()函数如下

<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>
于 2012-07-25T05:32:22.437 回答