从Chrome浏览器呈现HTML中的SSRS报告时会出现微小的框

Question

这是我报告的当前设计：

当我在Chrome以外的其他浏览器上运行时，它看起来几乎没问题（我不知道为什么HTML渲染与预期结果不同）：

但在Chrome中，这是一个不同的故事。微小的盒子无处不在。我如何摆脱它？：

Answer 1

似乎在加载页面时生成了这些框。它创建一个名为“Blank.gif”的gif图像，这是我输入'Inspect Element'时的完整代码：

<img src="/Reserved.ReportViewerWebControl.axd?Culture=1033&amp;CultureOverrides=True&amp;UICulture=1033&amp;UICultureOverrides=True&amp;ReportStack=1&amp;ControlID=712a96453ecc4eb89b71439a5477d6c6&amp;Mode=true&amp;OpType=ReportImage&amp;ResourceStreamID=Blank.gif"/>

我通过创建一个CSS样式来解决它，该样式在主体中找到与该图像元素的源匹配的img元素并使用“Blank.gif”然后隐藏它。

这是我的解决方案：

<style>
        body:nth-of-type(1) img[src*="Blank.gif"]
        {
            display: none;
        }
    </style>