CSS: background-image not aligned anymore if I change zoom
If I change the zoom in my browser, the background image (the logo of my website) is positioned differently with respect to the other elements of the website.
I'm using:
background-image:url('tbs-logo.png');
background-repeat:no-repeat;
background-position: 92% 22%;
I was wondering if I can keep it aligned with the othe开发者_高级运维r elements, or I should change my html code instead to add the image with a tag.
Thanks.
I think you need to specify elements width and height with this background image. I have checked it with simple code:
<html>
<head><title>test</title>
<style type="text/css">
#con{
width: 500px;
margin: 0 auto;
}
#img{
width: 120px;
height: 80px;
background: url('ja2.jpg') 92% 22% no-repeat;
float: left;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="con">
<div id="img"></div>
<div>text tekst dfasdf
saasdf dsaf dsa fas df sadf ' f
af as dfa dsf
ads f
fa
</div>
</div>
</body>
</html>
when I zoom it, image still free in it's position
加载中,请稍侯......
精彩评论