忽略jQuery手機背景CSS

我試圖用.jpg覆蓋典型的jQuery手機背景。在我的生活中，我無法弄清楚這一點。這讓我瘋狂！任何人的回答都無濟於事，我一直都是SO和Google。
我現在的頭信息忽略jQuery手機背景CSS

<head> 
    <title>Veolia Water Splash Guide</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/> 
    <link rel="stylesheet" href="./css/stylo.css"/> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
    <script src="./js/main.js"></script> 
</head>

的過程我的應用程序如下：

index.html負荷爲圖片中消失（這個CSS超越完美的作品）
形象已經褪去之後。，我做了$.mobile.changePage()到另一頁，不是一個多頁格式
這是失敗的地方，背景加載，但被某些東西覆蓋。我似乎無法弄清楚什麼是壓倒性的。

這是我的CSS

#logo 
{ 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
    width: 80%; 
} 

body 
{ 
    background: url('../img/background.jpg') !important; 
    background-repeat:repeat-y !important; 
    background-position:center center !important; 
    background-attachment:scroll !important; 
    background-size:100% 100% !important; 
} 

.ui-page .ui-body-c .ui-page-active .ui-overlay-c .ui-mobile-viewport 
{ 
    background: transparent !important; 
}

任何人有一些指針，或者知道我做錯了什麼？背景閃爍一秒鐘，但隨後被扔出...

在此先感謝您的幫助！

來源

2013-10-13 nathansizemore

首先，您需要在您設置爲透明的CSS類之間使用逗號。接下來，由於ui-overlay-c也應用於身體，您可以將其背景圖像與身體一起設置。

所以一起，首先設置透明度，然後身體背景：

.ui-page, .ui-body-c, .ui-page-active, .ui-overlay-c, .ui-mobile-viewport 
{ 
    background: transparent !important; 
} 

body, .ui-overlay-c 
{ 
    background: url('http://www.hdwallpapers.in/wallpapers/digital_layers-1440x900.jpg') !important; 
    background-repeat:repeat-y !important; 
    background-position:center center !important; 
    background-attachment:scroll !important; 
    background-size:100% 100% !important; 
}

下面是上述的工作小提琴：http://jsfiddle.net/ezanker/5GgR9/

來源

2013-10-14 13:29:10 ezanker

忽略jQuery手機背景CSS

回答

相關問題