如何使用html css在背景图像上添加徽标
如何使用html css在背景图像上添加徽标
提问于 2015-10-25 23:14:28
我想在背景图像上放一个标志，请指导我怎么做
body {
background: url("../graphics/homepage-image.jpg") no-repeat top left;
background-size: cover;
clear: both;
padding: 0px;
margin: 0px;
}
.logo {
background: url("../graphics/dhaka logo.png");
padding: 0px;
margin: 0px;
width: 150px;
height: 50px;
}<body>
<div class="logo">
</div>
<nav>
<ul>
<li>
<a href=""></a>Login</li>
<li>
<a href=""></a>Sign up</li>
<li>
<a href=""></a>Contact us</li>
<li>
<a href=""></a>Feedback</li>
<li>
<a href=""></a> About us </li>
<li>
<a href=""></a> Home</li>
</ul>
</nav>
<div id="footer">
<p>© Copyrights Dhaka Bangladesh 2015</p>
</div>
</body>
回答 3
Stack Overflow用户
发布于 2015-10-25 23:22:55
将徽标放在div中
<div id="my_logo"></div>然后设计它的样式：
#my_logo{
background: url"../graphics/dhaka logo.png");
width : your_logo_width;
height : your_logo_height;
}
body{
background: url("../graphics/homepage-image.jpg") no-repeat top left;
overflow: hidden;
background-size:cover;
clear:both;
padding:0px;
margin:0px;
}Stack Overflow用户
发布于 2015-10-25 23:23:29
body{
background: url('http://design.ubuntu.com/wp-content/uploads/ubuntu-logo32.png') no-repeat;
width: 200px;
height: 200px;
background-attachment: fixed;
background-position: center;
padding: 0;
margin: 0;
}<body></body>
.logo {
background-image: url('http://design.ubuntu.com/wp-content/uploads/ubuntu-logo32.png');
width: 200px;
height: 200px;
display: inline-block;
}<div class="logo"></div>
Stack Overflow用户
发布于 2015-10-26 00:15:15
试试这个
<!doctype html>
<head>
<style>
body {
background: url("../graphics/homepage-image.jpg") no-repeat top left;
background-size:cover;
clear:both;
padding:0px;
margin:0px;
}
.logo {
background-image: url('../graphics/dhaka logo.png');
padding:0px;
margin:0px;
width:150px;
height:50px;
}
</style>
</head>
<body>
<ul>
<li><a href=""></a>Login</li>
<li><a href=""></a>Sign up</li>
<li><a href=""></a>Contact us</li>
<li><a href=""></a>Feedback</li>
<li><a href=""></a> About us </li>
<li><a href=""></a> Home</li>
</ul>
<div class="logo">
</div>
<div id="footer">
<p>© Copyrights Dhaka Bangladesh 2015</p>
</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33331288
复制相关文章
相似问题