我有一个包含两个子div标签的父div标签,并且我想使用图像作为背景。
父div标签的CSS样式为:

#maindiv
{
    width:55%;
    background-image:url(F:/sem5/web tech/13sand.jpg);
    overflow:hidden;
}


身体是:

<body background="National Geographic Wallpapers 022.jpg" >
<center >
<div id="maindiv"  >
        <h2 style="background-color:#191970;font-family:Verdena;color:white;height:91px;font-size:80px;">Gagandeep Kaur</h2>

        <div style="float:left;width:37%;">
                <table border="0">
                <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('ginfo');" >General Information</a><br/><tr>
                <tr><div id="ginfo"></div></tr>
                <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('ainfo');" >Academic Information</a><br/></tr>
                <tr><div id="ainfo"></div></tr>
                <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('h');" >Hobbies</a><br/></tr>
                <tr><div id="h"></div></tr>
                <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('aim');" >Aim</a></tr>
                <tr><div id="aim"></div></tr>
                </table>
                </div>
            <div style="float:right;width:63%;">
                <img src="2011-08-04 18.31.38_1.jpg" align="right" width="300px" height="500px">
                </div>
    </div>

</center>
</body>


此代码在IE中显示背景,但在chrome中不显示背景。
问题出在哪里?

最佳答案

您是否尝试过在图片的网址周围加上引号?

#maindiv
{
    width:55%;
    background-image:url('F:/sem5/web tech/13sand.jpg');
    overflow:hidden;
}

关于html - chrome未在父div标签中显示背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11814987/

10-09 15:17