Question

我有一个徽标，我希望在我的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

的图片

怎么做？我的另一个问题是我无法找到将内容的背景颜色更改为WHITE的属性。来自jqmobile.com的ThemeRoller也无法正常工作。它属于哪个属性？！感谢

Answer 1

嘿background-color:white;您可以使用下面提到的 CSS 属性更新您的jquery.mobile.min.css

<强> CSS

 .ui-mobile .ui-page-active {
    background:white;
    display: block;
    overflow: visible;
}

Answer 2

你可以在＃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-color：white;

您还可以使用background，如果有图像，将覆盖任何其他背景属性。

div与图像和身体背景颜色的边框

2 个答案: