JQuery移动主题滚轮1.4.3

时间:2014-08-22 15:07:42

标签: jquery-mobile

确定。所以1.4.3之前的主题滚轮的所有版本都有选项可以选择开始结束颜色,这样就可以根据需要创建渐变。

有谁知道如何将渐变添加到版本1.4.3主题?

版本1.4.3(下方)
A shot of Body in version 1.4.3

版本1.3.2(下方)
  A shot of Body in version 1.3.2

是否有任何理由使用1.4.3?

1 个答案:

答案 0 :(得分:1)

请看这里:http://jquerymobile.com/upgrade-guide/1.4/在标题为自定义主题的部分。

  

因为渐变不再是默认主题的一部分,所以它们不能   也可以使用ThemeRoller进行设置。你仍然可以使用   渐变,但您必须手动复制背景图像设置   从您当前的主题到您的1.4主题CSS文件。

.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
        background: #333 /*{a-body-background-color}*/;
        border-color: #111 /*{a-body-border}*/;
        color: #fff /*{a-body-color}*/;
        text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
        /* Copied from 1.3 custom theme: */
        background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #444, #222 ); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #444, #222 ); /* FF3.6 */
        background-image:     -ms-linear-gradient( #444, #222 ); /* IE10 */
        background-image:      -o-linear-gradient( #444, #222 ); /* Opera 11.10+ */
        background-image:         linear-gradient( #444, #222 );    
}