gpt4 book ai didi

html - 背景图片不显示

转载 作者:行者123 更新时间:2023-11-28 10:32:36 25 4
gpt4 key购买 nike

shadow_div 中的背景图像未按预期显示。尽管其余图像正在加载并正确显示,但它们位于 mySlider div
但是 shadow_div 的背景图片呢?

<!DOCTYPE html>
<html>
<head>

<title>jQuery UI Dialog: Hide the Close Button/Title Bar</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function () {


});

</script>

<style type="text/css">

.mySlider
{
width:800px;
height:480px;
overflow:hidden;
margin:10px auto;
}

.shadow_div
{
background-image:url(Images\shadow.png);
background-repeat:no-repeat;
background-position:top;
width:510px;
height:296px;
margin:-90px auto;

}

</style>
</head>

<body>
<div id="my_image_slider" class="mySlider">
<img src="Images\audi.jpg" alt="" title="Audi India"/>
<img src="Images\bmw.jpg" alt="" title="BMW India" />
<img src="Images\aston-martin.jpg" alt="" title="Aston-Martin APAC" />
<img src="Images\bugatti.jpg" alt="" title="Buggatti APAC" />
<img src="Images\koenigsegg.jpg" alt="" title="Koenigsegg APAC" />
</div><br />
<div class="shadow_div" ></div>
</body>
</html>

最佳答案

您正在使用反斜杠 \ 符号。

<img src="Images\audi.jpg" alt="" title="Audi India"/>

你应该使用正斜杠 / 符号。还要确保图像路径是正确的。

<img src="Images/audi.jpg" alt="" title="Audi India"/>

在这里你可以看到 .shadow_div 类中的图像出现了。参见 DEMO .

关于html - 背景图片不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23465185/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com