在騎CSS在jQuery Mobile的

我的具體問題是，我想在jQuery Mobile的實現這一點：在騎CSS在jQuery Mobile的

http://www.rwe-uk.com/blog/comments/ichat_like_speech_bubbles_with_css_3

發生了什麼事是，我可以看到頁面尋找完美了大約半其次，然後JQuery Mobile將它變成灰色。

我想更一般的問題是我如何讓JQuery Mobile離開頁面的一部分？

我已經在Google上搜索了很多，我已經看到了使用Themeroller的建議，但是我看不到如何使用它來設置這些特定的樣式。

我也試過使用data-role =「none」，但似乎只對表單元素有效。

編輯：

下面的代碼：

<html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 
    <link rel="stylesheet" href="http://www.rwe-uk.com/static/ichat_with_css3/style_5.css" /> 
    </head> 
    <body> 
    <div data-role="page"> 
     <div class="commentArea"> 
     <div class="bubbledLeft"> 
      Hi 
     </div> 
     <div class="bubbledRight"> 
      Hi there yourself 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

如果我刪除了jQuery Mobile的腳本行，它工作正常。

來源

2012-02-23 user1228295

不能重寫jqm的css？ – ghostCoder 2012-02-23 15:02:01

請發佈一些示例代碼，可以看到這個問題。 – user700284 2012-02-23 15:26:40

您既可以修改頁面的樣式：

<div data-role="page" style ="background: transparent;">

或者添加自定義類：

.ui-content-transparent{ 
    background: transparent !important; 
}

<div data-role="page" class="ui-content-transparent">

見Example

來源

2012-02-23 20:28:56

這很棒 - 非常感謝你！ – user1228295 2012-02-23 20:55:40

我已經實現的方式，這是通過加載CSS按以下順序：從的ThemeRoller

的jquery.mobile.structure-1.0.min.css

我共同

主題文件壓倒一切的風格
我的平臺特定覆蓋樣式例如android.css或ios.css

使用樣式表的加載順序很重要。

當我重寫樣式表3或4中的樣式時，我經常需要使用！important。

請記住確保您的目標是最終的DOM佈局與您的壓倒一切的風格。

我希望這會有所幫助。

來源

2012-02-23 18:25:14

在騎CSS在jQuery Mobile的

回答

相關問題