0

jq-mobileサイトのヘッダーの中央に配置したいロゴがあり、残りの画像を動的にしたいので、それを完成させるdivを作成しました。しかし、私はそれを画像の上に乗せることはできません。絶対位置を設定すると消えてしまいました。私はこれのためにjsfiddleを作成しました：http：//jsfiddle.net/nMR85/52/。

私のdivは

#example1 {
-moz-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
border-top-right-radius: 15px;
background-color: #fff;
height:3em;
}

そして、これが私がhttp://www.imagebanana.com/view/f69uguue/final.pngのように見せたい画像です

どのようにそれを行うことができますか？もう1つの問題は、コンテンツの背景色をWHITEに変更するための属性が見つからないことです。jqmobile.comのThemeRollerも機能していません。それはどの属性ですか？！ありがとう

4

2 に答える 2

1

ねえ、あなたは以下のCSSプロパティでbackground-color:white;あなたを更新することができますjquery.mobile.min.css

CSS

 .ui-mobile .ui-page-active {
    background:white;
    display: block;
    overflow: visible;
}
于 2012-11-21T12:14:57.990 に答える
0

＃example1スタイルで負のマージントップを使用できます。

#example1 {
    -moz-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #fff;
    height:3em;
    margin-top:-2.8em;
}​

ここに結果があります：http： //jsfiddle.net/nMR85/57/

背景色を変更する属性は次のbackground-colorとおりです。

背景色：白;

backgroundまた、画像がある場合に他の背景属性を上書きするを使用することもできます。

于 2012-11-21T12:05:49.953 に答える