How do you make a bar like this?
How to make a css bottom bar like on www.wtoclan.com
6.3k views Asked by Will At
2
There are 2 answers
0
On
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>
Here's a good start: