0

私は自分の問題を説明する2つの図を作成しました。 http://i.imgur.com/ocu3uyU.jpghttp://i.imgur.com/W734ij4.jpg 私はcssを初めて使用します

基本的に、ズーム時にページ上のすべてのものを「静止」させようとしています。しかし、私はこれに問題があります、私のページの要素はズーム中に本当に奇妙に調整/移動しています。これが私のコードの抜粋です:

table{width:100px;
height:60px;
margin-left:auto;
margin-right:auto;
background-color:white;
color:white;
}

body{
background: url(background.png), black;
background-position:center; 
background-repeat:repeat-y;

color:white;
}

#bannerImage{
text-align:center;
position:relative;
top:-68px;
margin-left:0px;
padding:0px
p

}

#letters{
text-align:center;
position:relative;
top:-178px;

}

audio{                        //example of element moving wierdly
position:absolute;
left:1500px;


}
div { overflow-x: hidden; }

静止するように配置するにはどうすればよいですか。

4

1 に答える 1

0

分かりやすいように画像を貼っていきますのでよろしくお願いいたします...

左の代わりに、右にする

audio{
position:absolute;
right:50px;
} 

これで十分です:)

編集:バッター理解のためのフィドル

http://jsfiddle.net/MarmeeK/tsaB8/
于 2013-03-22T10:20:53.790 に答える