3

我想将背景图像添加到标题并为其设置背景位置。这是我的代码不起作用..

HTML

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Home</title>
<!-- Meta viewport tag is to adjust to all Mobile screen Resolutions-->
<meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1" />

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/Jstyle.css" />
<script type="text/javascript" src="Javascript/jquery1.js"></script>
<script type="text/javascript" src="Javascript/jquery2.js"></script>

</head>
<body>
    <div data-role="page" id="project">


        <div data-role="header" class="header"></div>

        <div id="ad" align="center">

            <img alt="image" src="images/ad.png">

        </div>


        <div data-role="content">
            <div id="product" align="center">
                <img alt="image2" src="images/product.png">

            </div>




            <!-- Style card  -->

            <div id="style" align="center">
                <img alt="image2" src="images/style_card.png">

            </div>
            <!-- Social  -->

            <div id="social" align="center">
                <img alt="image2" src="images/app_store.png"> <img
                    alt="image2" src="images/social.png">
            </div>
        </div>
    </div>

</body>

CSS：

.header{

background-image:url("images/image_bg_inner.png");

width:200px;

background-color: #B00C0C;

}

也试过了.ui-header。。它不工作。请帮助我如何做同样的事情..

4

3 回答 3

1

尝试 ：

.header {
width:200px;
background-image:url("images/image_bg_inner.png");
}

也许 与background-color冲突background-image。

或者：

为您的标题添加高度。

.header {
width:200px;
background-color: #B00C0C;
background-image:url("images/image_bg_inner.png");
min-height:70px;
}
于 2013-02-14T09:56:48.143 回答
1

这对我来说很好。

<style type="text/css">
.ui-header {
  height:200px; /* any height */
  background-image:url(newlogo.png);
  background-repeat:no-repeat;
  background-position:center;
}
</style>
于 2013-02-14T10:02:18.637 回答
0

Try:

.ui-bar-a{
    background-image:url("images/image_bg_inner.png");
    width:200px;
    background-color: #B00C0C;
}

If you are using another theme change to .ui-bar-b etc. Width 200px seems odd on that element though?

于 2013-02-14T09:54:45.297 回答