Question

我正在开发一个在DIV中使用背景图片的网站。

我的测试页面中的HTML片段是：

<body>
    <div id="wrapper">
        <div id="header">
            <div id="menu">          
                <span><a href="test1.html">Test 1</a></span>
                <span><a href="test2.html">Test 2</a></span>
                <span><a href="test3.html">Test 3</a></span>
            </div>  <!--menu-->
        </div>  <!--header-->      
        <div id="content">
            <h1>Test Page 1 for Windows Phone Display Issues</h1>
            <img class="content" id="HomePic" src="assets/home2_red.png" align="right" alt="AMTFP"/>
            <p>When viewed on a Windows phone using the default IE browser, DIV background-images were not visible.</p>
            <p>&nbsp;</p>
            <p>
            DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
            </p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>            
        </div>  <!--content-->
    </div>  <!--Wrapper-->
</body>

CSS为背景：

div#header{
    background-color:transparent;
    background-image:url(assets/header.jpg);
    background-size:cover;
    height:174px;
    width:100%;
    position:relative;
    left:0px;
    top:0px;        
}

div#content, div.content{
    position:relative;
    top:16px;
    background-color:transparent;
    background-image:url(assets/contentback.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:scroll;
    clear:both;
    min-height:500px;
    width:95%;      
    border:0px solid green;
    margin:0px auto 0px auto;
}

两个DIV，标题和内容，应该显示背景图像。

这可以在以下位置显示图像：

- Desktop 
    * Windows 7
        + IE 11
        + Firefox
        + Chrome
- LG phone
    * Android 5
        + Chrome
- LG tablet
    * Android 5
        + Chrome
        + FireFox
        + Opera
- other phone, tablet and Kindle devices

这不适用于Windows手机。根据手机的拥有者，它是： “诺基亚Lumia 1520，Windows 8，我认为它是Internet explorer mobile或者10。”

在Windows手机上，没有背景图片。我试过.png和.jpg格式。

我需要添加/更改哪些内容才能使其适用于Windows手机？

DIV背景没有在Windows手机上显示

0 个答案: