silverlight - 您如何修复 Firefox 浏览器中发生的 Silverlight 应用程序偏移？

Question

目前我有一个 Silverlight 应用程序，当它在 Firefox 浏览器(3.6 版)上运行时，Silverlight 应用程序的全部内容都会发生一点变化，而且当我第一次使用它时，底部和侧面的滚动条也会出现。这在 IE 8 中不会发生。我如何在 Firefox 中修复此问题以使其不会发生？我创建的项目类型是通过 Expression Blend 3 的“Silverlight 3 应用程序 + 网站”。这是我在 MainPage.xaml 中使用的代码:

<UserControl
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="StackoverflowExample.MainPage"
 Width="640" Height="480">

 <Grid x:Name="LayoutRoot" Background="Green">
  <Rectangle Fill="#FFBB2020" Stroke="Black" Margin="155,58,266,178"/>
  <Button Margin="199,180,302,236" Content="Button"/>
 </Grid>
</UserControl>

Answer 1

发生这种情况是因为当您单击该元素时，Firefox 会在其宽度和高度为 100% 的元素周围绘制一个 1 像素的虚线边框，这使得它对于窗口来说太大而无法容纳 1 像素。您可以使用我找到的解决方案解决此问题 here :

Yes, quite annoying indeed.

Could somebody tell us wether this is on purpose or wether it's a bug, please?

I've been using:

:focus { outline: 0; }

Do we need to find a new trick?

您不一定需要 :focus伪类，你可以只设置 <object> 的样式使用outline: 0; .