0

我使用 ThemeRoller 创建了 2 个具有自定义背景颜色和样式的不同按钮(主题 C 和 D)。然后我导入了样式表并在我的 Asp.Ner mvc4 项目中使用它。虽然按钮的样式符合预期,但列表项和按钮已丢失其图像。

我的网络项目正在使用主题 B 来处理其他所有内容。

然后我尝试将http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.css加载到 ThemeRoller 中,希望这些图标不会丢失并创建主题 F 和 G .

在项目中使用它时也会发生同样的事情。列表项丢失了漂亮的右箭头图标,后退按钮丢失了左箭头图标。没有检查其他图标。

有没有其他人遇到过同样的问题?

4

2 回答 2

0

我的自定义 jQuery Mobile 1.1.0 主题也有同样的问题(IE8 中缺少图标)。但是,当我从 ThemeRoller 下载默认主题并在我的网站上使用它时,图标显示正确。

我发现当你只要点击 DISC COLOR 和 DISC OPACITY 设置,即使没有实际更改这些设置,然后下载默认主题,.css 文件中以下代码中的背景颜色也会从 #666666 更改(默认设置)到#FFFFFF。

.ui-icon,
.ui-icon-searchfield:after {
background: #666666 /*{global-icon-color}*/;

我编辑了我的自定义样式表,使其背景颜色为#666666,并且图标在 IE8 中变得可见。

同样的行为也适用于两个 DEFAULT ICON 设置,以及不同版本的 jQuery Mobile(例如,1.2.0)。

于 2012-10-03T22:42:10.770 回答
0

您可能缺少图标包。下载 jquerymobile 完整 zip,将图像文件夹复制到您的项目所在的位置。那应该这样做。它通常包含以下文件:ajax-loader.gif, ajax-loader.png, icons-18-black.png, icons-18-white.png, icons-36-black.png,icons-36-white.png

于 2012-09-08T02:45:42.777 回答