2

我有 Metro 应用程序,我试图在其中实现 Appbar 命令控制。我能够显示带有一些图像的 Appbar,但问题是当我突出显示(悬停)时图像正在移动。我的一些代码在这里

.homebtn1 .win-commandimage{ background-image: url('/images/homeActive.png');
width:140px; height:75px; };

.appbarExtraClass .win-commandicon
{
height:75px;
width:140px;
margin:0px 2px 2px 2px; 
}

任何人都可以告诉我我需要对上面的 CSS 进行哪些更改才能使图像保持不变。

谢谢你。

4

1 回答 1

1

您可以使用 :disabled :hover 和 :active 伪选择器并将它们应用到您的 appBar。样式很可能是使按钮稍微移动的原因。本文展示了一些操作方法http://msdn.microsoft.com/en-us/library/windows/apps/jj839733.aspx

这篇博文展示了许多着色和自定义应用栏按钮http://blogs.msdn.com/b/shawnste/archive/2012/07/17/colorizing-a-modern-win8-javascript-appbar-and-appbarcommands。 aspx

于 2013-01-08T17:33:19.480 回答