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的图片

怎么做到呢？我的另一个问题是我找不到将内容的背景颜色更改为白色的属性。jqmobile.com 的 ThemeRoller 也无法正常工作。是什么属性？！谢谢

4

2 回答 2

1

嘿，background-color:white;你可以jquery.mobile.min.css用下面提到的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：

背景颜色：白色；

您还可以使用backgroundwhich 将覆盖任何其他背景属性，以防有一些图像。

于 2012-11-21T12:05:49.953 回答