Fatal编程技术网

Javascript 元素页脚白色背景

javascript jquery html css

Javascript 元素页脚白色背景,javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以我对web开发、JS和Jquery还不熟悉，我有一个问题找不到。我已经创建了一个页脚，这样我可以链接到你想要下载游戏的平台。我遇到了一个障碍-我的页脚元素是白色的，但我希望它是透明的 这是我的密码： CSS: HTML: <!DOCTYPE html> <html> <head> <title>Sonic the Hedgehog 4: Episode 1</title> <meta charset="utf-8" /

所以我对web开发、JS和Jquery还不熟悉，我有一个问题找不到。我已经创建了一个页脚，这样我可以链接到你想要下载游戏的平台。我遇到了一个障碍-我的页脚元素是白色的，但我希望它是透明的

这是我的密码：

CSS:

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全屏显示，所以请忽略它

简单CSS：

background-color: transparent;
将来，当发布Web开发问题时，预计将使用一个类似代码笔的站点，该站点允许轻松可视化和创建小的可行示例，CSS、HTML和javascript都是独立的

希望这能回答您的问题。

因为您想使背景色透明，所以需要将以下CSS规则添加到.footer类中：

这将使背景透明

试试这个。。为我工作

.footer {
background-color: transparent;
}
您是否尝试过使用完全不透明度的rgb设置背景色

background-color:rgb(255,0,0,0)
您的代码有一些小错误： 1.您需要在中添加一个打开的标记，如下所述：

如果使用浏览器的DOM检查工具，您将看到引导CSS包含背景色：F5；对于面板页脚类

因此，解决方案是在您自己的CSS中设置背景色：透明

其他答案也有这一点，但它们都忽略了要应用这一点的是panel footer类，而不是footer类

.面板页脚{ 背景色：透明； }
请在您的问题中张贴相关代码。创建一个列表，以便我们可以看到问题。 
.footer {
background-color: transparent;
}

background-color:rgb(255,0,0,0)