html - IE7 ReportViewer 控件

Question

我有一个自己构建的网站，适用于 IE8/IE9、Chrome 和 FireFox 中的每个人。但是，现在我的客户要求它也能在 IE7 中工作，因为那里的机器仍然有 IE7。我无法弄清楚 ReportViewer 控件有什么问题。任何帮助将不胜感激。

问题是我的报告超出了设置的高度和宽度；它不在我使用 jQuery 包裹它的 DIV 中

jQuery 代码

 $(document).ready(function () {
            var htmlwidth = $('.main').width() - 20;
            var htmlheight = $(document).height() - $('.header').height() - 45;
            $('#<%= ReportViewer1.ClientID %>').wrap('<div style="overflow:auto;" />');
            $('#<%= ReportViewer1.ClientID %>').parent().css(height, htmlheight);
            $('#<%= ReportViewer1.ClientID %>').parent().css('width', htmlwidth);
            $('#<%= ReportViewer1.ClientID %>').css('width', htmlwidth);
            $('#<%= ReportViewer1.ClientID %>').css(height, htmlheight);
            $('#<%= ReportViewer1.ClientID %>').parent().css('border', 'solid 1px Black');
    });

内容

<asp:ScriptManager ID="scManager" runat="server"></asp:ScriptManager>
<rsweb:ReportViewer ID="ReportViewer1" runat="server" Height="100%"  Width="100%"
    SizeToReportContent="true" ZoomMode="Percent" AsyncRendering="false" >
</rsweb:ReportViewer>

示例生成 block {内容 + jQuery 代码}

<div style="width:500px; overflow:auto; border:solid 1px Black;height:400px;">
    <asp:ScriptManager ID="scManager" runat="server"></asp:ScriptManager>
    <rsweb:ReportViewer ID="ReportViewer1" runat="server" Height="400px"  Width="500px"
        SizeToReportContent="true" ZoomMode="Percent" AsyncRendering="false" >
    </rsweb:ReportViewer>
</div>

Answer 1

您似乎遇到了 IE7 溢出问题。您可以阅读更多相关信息 here

要解决您的问题，请将外部 div 设置为 position: relative

将以下行添加到您的 jQuery 中:

$('#<%= ReportViewer1.ClientID %>').parent().css(position, relative);

或者将以下内容添加到您的wrap()

$('#<%= ReportViewer1.ClientID %>').wrap('<div style="overflow:auto; position:relative;" />');

最终输出应该是这样的:

<div style="width:500px; overflow:auto; border:solid 1px Black;height:400px; position:relative;">
    <asp:ScriptManager ID="scManager" runat="server"></asp:ScriptManager>
    <rsweb:ReportViewer ID="ReportViewer1" runat="server" Height="400px"  Width="500px"
        SizeToReportContent="true" ZoomMode="Percent" AsyncRendering="false" >
    </rsweb:ReportViewer>
</div>