Css jQuery在Windows Phone 8 Phone gap应用程序中无法很好地渲染角点

我有一个适用于WindowsPhone8的Phonegap应用程序，它在内部使用网页。我在

元素中创建了一个按钮，在该div中包含

data role=“footer”

选项。此外，按钮也是一个

点，当css3标记的某些组合不能很好地协同工作时，由于css3的不成熟性质，可能会出现类似的问题

现在，我的按钮在Firefox上呈现如下：

<a style="font-weight: bold;" data-role="button" data-icon="check" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-hover-b ui-btn-up-b"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span><span class="ui-icon ui-icon-check ui-icon-shadow">&nbsp;</span></span></a>

返回
根据，Windows Phone 7.5及以上版本完全支持CSS 3基本样式（不透明度、背景、文本效果、圆角），这意味着您遇到的渲染问题不是由于不兼容造成的

您可能希望尝试使用
-ms
来确保完整的IE 9+CSS3功能，例如：

div {
    -ms-border-radius: 2px;
        border-radius: 2px;
}

（浏览器制造商采用CSS前缀来实现其版本的CSS3草稿功能。随着标准的成熟，这些前缀在许多情况下已经过时。在其他情况下，它们仍然是必需的；以便在IE10中继续使用。）
除非有人提出任何解决办法，我目前的调查结果表明，这是jQuery本身的一个缺陷，应该在jQuery之外找到解决方法，或者修复jQuery本身

来源：请查看jQuery演示页面，例如，使用wp8设备从演示页面观察示例“a”

。你会看到那些奇怪的角落。我测试了Lumia 920

解决方案：等待1.4并希望得到最好的结果，或者手动组合1.2和1.3并选择两者中最好的部分

---

已编辑的解决方案：是的，1.4.0已经存在，问题似乎已经解决：）他们改变了整个外观，因此问题消失了。

在WP8中尝试使用

边框半径渲染WebBrowser组件中的圆形按钮时遇到了类似的问题：

它变成了方形

解决方案：添加：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

---

在

部分的顶部

它是否在IE10桌面上呈现相同的效果？请您将您的示例发布在JSFIDLE上，以便我查看一下。IE10桌面呈现良好。在cordova 2.5下的jqm 1.3默认主题上测试，呈现正确（WP8 emulator）。IE10 Mobile与EI10桌面不同。仿真器与设备不同。有人用一个叫WindowsPhone8的移动设备测试过这个吗？我手机上的连接很慢，圆角渲染很慢，之前有一个白色的角度。有时加载失败或其他原因，因为白色角度保持不变。令人好奇的是，角落并不总是很好地加载，但内容总是（文本等）。根据地铁指南，我认为地铁设计的重要元素正是没有半径的边缘。我将在WP8设备上试用它，我会让你知道它是如何运行的。我不太确定：至少ie9不使用任何前缀。我还手动将

-ms-

版本添加到我的代码中，但没有任何帮助。事实上，你的消息来源也说，这个特定的（边界）没有任何前缀。是的，IE没有边界半径的前缀（公平地说，IE几乎每个CSS3属性都没有前缀）。我链接到一篇文章，说明了

-ms

前缀的使用，我没有说这是答案，但值得一试。jQuery 1.3.1测试页面的渲染效果优于1.1.1（），但禁用的按钮仍然可怕：甚至更糟糕的阴影，这次甚至是放错位置的阴影都存在。jQuery 1.3.1似乎从按钮上消除了这个问题，但是将它引入到其他元素中，乍一看结果似乎同样令人恼火，所以至少现在，我不会更新到那个版本。我不知道是否有一个版本在按钮被更正的地方，但其他主题仍然没有被破坏。不，我目前在代码上使用的是1.2.1.min版本，这是原始版本。两者之间没有其他版本。等待1.4:）您是否尝试过覆盖我对您的问题的评论中提到的样式？事实上，我不太容易理解（我应该把它放在哪里，因为按钮在许多地方都有使用），现在我对等待新版本感到满意，因为现在这不是一个重要的功能，我可以没有它而生活，我忙于其他事情。

<a style="font-weight: bold;" data-role="button" data-icon="check" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-hover-b ui-btn-up-b"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span><span class="ui-icon ui-icon-check ui-icon-shadow">&nbsp;</span></span></a>

div {
    -ms-border-radius: 2px;
        border-radius: 2px;
}

<meta http-equiv="X-UA-Compatible" content="IE=edge" />