How to make a css bottom bar like on www.wtoclan.com [closed]
It's difficult to tell what is being asked here. This question is ambiguou开发者_开发知识库s, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
How do you make a bar like this?
Here's a good start:
<div style="position: fixed; bottom: 0; background-color: #ccc;">Hello</div>
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>
加载中,请稍侯......
精彩评论