jQuery Mobile Change Background image

时间:2012-07-04 14:45:05

标签: css asp.net-mvc jquery-mobile razor background-image

有人知道如何为jQueryMobile构建的网站更改和/或设置背景图片吗? 因为我尝试了所有的东西(实际上并不是那么多),但是我真的无法覆盖jquery mobile的默认css(http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1。 0.min.css)添加我自己的。 希望你的帮助, 谢谢!


已解决:在你的CSS文件中,你必须覆盖jQuery Mobile“.ui-mobile .type-home .ui-content”。 这就是我做到的:

.ui-mobile .type-home .ui-content { 
    background: white url(Image/A-HD.jpg); 
    background-repeat: no-repeat; background-position: 50% 80%; /*50% 80% mozilla optimized*/ 
    background-attachment: fixed; 
    background-size: 50%; /*50% mozilla optimized */ 
}

2 个答案:

答案 0 :(得分:2)

你可以尝试

.ui-page{
    background:url("../../Images/your.png") no-repeat;
    background-size:cover;
}

此代码过去对我有用。

答案 1 :(得分:0)

发现(a?)问题: 我不得不覆盖.ui-mobile .type-home .ui-content 在里面,我可以把我想要的所有属性。 希望它可以帮助别人!