设置魅力对话隐藏在主应用程序下方?

时间:2012-10-07 18:28:29

标签: javascript html5 windows-8 microsoft-metro

您好我正在使用javascript和HTML5开发Win8应用,目前正在为设置超级按钮添加各种标签。现在,当我最初添加每个选项卡的页面时,当您点击选项卡时它没有显示任何内容。当我将应用程序置于捕捉模式时,我注意到该特定选项卡的页面显示在屏幕底部。我已经从MSDN逐行复制了sample

我注意到当它出现在屏幕的底部时,它看起来像一个没有风格的页面。我想某些风格没有被应用。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

很高兴听到!不要忘记你也可以访问UI Dark。

  <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />

href中的//位置告诉Windows应用商店应用,该文件将自动作为WinJS库的一部分添加到您的应用包中。

必须对CSS样式进行故障排除是一个非常常见的问题。幸好。现在,Visual Studio 2012中内置了一个DOM Explorer工具,可以跟踪样式并查看各个元素是否继承了正确的样式。

这已经让我好几次了。 =)如果您曾经使用过IE Dev工具,那么它们非常相似。以下是MSDN上显示跟踪CSS样式的链接:

http://msdn.microsoft.com/en-us/library/windows/apps/hh696632.aspx

答案 1 :(得分:0)

我有点觉得这是造型问题。我正在使用第三方应用程序自动生成VS2012 JavaScript项目。唯一的问题是它没有包含对系统样式表的引用。例如:

<link rel="stylesheet" href="//Microsoft.WinJS.1.0/css/ui-light.css" />

希望这有助于某人。