如何制作像 www.wtoclan.com 上的 CSS 底部栏

发布于 2024-10-16 05:08:27 字数 30 浏览 5 评论 0原文

怎样才能打造出这样的酒吧呢？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

剪不断理还乱 2024-10-23 05:08:27

这是一个好的开始：

<div style="position: fixed; bottom: 0; background-color: #ccc;">Hello</div>

Here's a good start:

<div style="position: fixed; bottom: 0; background-color: #ccc;">Hello</div>

回复收藏 0 原文

恍梦境° 2024-10-23 05:08:27

这是一个示例，说明如果您在评论中添加了带有链接的第一个答案，那么您将开始做什么。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Hello!</title>
</head>

<style>
#TransparentDiv{
    position:fixed;
    bottom:0;
    background: #ccc;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#TransparentDiv:hover{
   filter:alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity: 1;
   opacity: 1;
}
</style>

<body>

<div id="TransparentDiv">Hello World - Some more text to make this easier to read.</div>

</body>

</html>

This is an example of what you would start with if you added the first answer with the link in the comment.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Hello!</title>
</head>

<style>
#TransparentDiv{
    position:fixed;
    bottom:0;
    background: #ccc;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#TransparentDiv:hover{
   filter:alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity: 1;
   opacity: 1;
}
</style>

<body>

<div id="TransparentDiv">Hello World - Some more text to make this easier to read.</div>

</body>

</html>

回复收藏 0 原文

~没有更多了~