gpt4 book ai didi

javascript -
元素页脚白色背景

转载 作者:太空宇宙 更新时间:2023-11-04 09:10:29 25 4
gpt4 key购买 nike

所以我是网络开发(以及 JS 和 Jquery)的新手,我有一个我找不到的问题。我创建了一个页脚,以便我可以链接到您要下载游戏的平台。我遇到了障碍 - <div>我的页脚元素是白色的,但我希望它透明。

这是我的代码:

CSS:

body {
background: url(images/background.jpg);
background-repeat: no-repeat;
background-size: 1280px 913px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
display:inline;
}

.footer
{
margin-top: 752px;
margin-left: 110.00000001px;
padding:0;
background-color:none;
}

.links
{
margin: 24px;
padding: -40px;
border: 0;
}

/*inline = horizontal nav menu; block = vertical nav bar*/

HTML:

<!DOCTYPE html> 

<html>

<head>
<title>Sonic the Hedgehog 4: Episode 1</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0" />
<link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="CSS/page1.css">
</head>

<body>

<audio autoplay>
<source src="music/splashhillzone.mp3" type="audio/mp3">
</audio>


<div class="container-fluid">
<li><a href="page1.html">Home</a></li>
<li><a href="page2.html">Story</a></li>
<li><a href="page3.html">Zones</a></li>
<li><a href="page4.html">Badniks</a></li>
<li><a href="page5.html">Media</a></li>
</ul>
</div>

<div class="footer">
<div class="panel-footer">
<a target="_blank" class="links" href="https://www.nintendo.com/games/detail/HzlsX88COYTMDJaVQYE3M9Yww89OErL5" style="text-align:center"><img src="CSS/images/wiiware.png" width="160" height="120"></a>

<a target="_blank" class="links" href="https://play.google.com/store/apps/details?id=com.sega.sonic4epi" style="text-align:center"><img src="CSS/images/googleplay.png" width="160" height="120"></a>

<a target="_blank" class="links" href="http://store.steampowered.com/app/202530/"><img src="CSS/images/steam.png" width="160" height="120" style="text-align:center"></a>

<a target="_blank" class="links" href="http://marketplace.xbox.com/en-US/Product/SONIC-4-Episode-I/66acd000-77fe-1000-9115-d80258410a07" style="text-align:center"><img src="CSS/images/xbox.jpg" width="160" height="120"></a>
</div>
</div>


</body>

</html>

因为我想练习JS和Jquery,所以我最好想要两种语言中的任何一种的答案。

我事先进行了搜索,但找不到答案。

编辑:这是我的页面。注意:我没有调整我的页面以全屏 (F11) 查看,所以请忽略它。

http://i.imgur.com/5L7XLTW.png

最佳答案

简单的 CSS:

background-color: transparent;

将来,在发布 Web 开发问题时,预计会使用类似“code pen” 的站点,该站点允许使用 CSS、HTML 和javascript 都是独立的。

希望这能回答您的问题。

关于javascript - <div> 元素页脚白色背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42164849/

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