不同的邊緣在所有瀏覽器，但IE8 /歌劇

不同的邊緣我在所有的瀏覽器，但IE/OPera，我設置div的margin-top在-800px，如果我跟蹤IE中的div位置與Opera相同，但是在FF/Chrome中它增加了300px，所以它表示Div在-1100px處於邊緣頂部。不同的邊緣在所有瀏覽器，但IE8 /歌劇

我已經看到最好的做法是使用填充而不是邊距，但我對整個概念很新穎。到目前爲止，我無法看到這300多個像素來自哪裏。實際上，我將這個div放在我的html的beginnig中，並放在html的開頭，正好位於開始body標籤的下方（正如它現在），正好位於body標籤正上方的botton處，兩者的結果相同的額外像素。

你可以在這裏看到問題：http://www.kassandrafoto.com/如果你點擊Kassandra Cruz的頂部主菜單，你會看到額外的邊距或300像素的差距，我想要的設計在FireFox或Chrome，但在這情況很奇怪，IE瀏覽器正在工作，因爲我想這樣做：margin-top是-800而不是-1100（動畫是正確的，因爲我玩這種差異，但我的問題在於這裏的那些300像素來自哪裏？

這是div的有問題的CSS：

#kassaInfo{ 

width:745px; 
height:671px; 
color:#74CCE5; 
position:absolute; 
margin:0px; 
z-index:1000; 
left:50%; 
margin-top:-800px; 
background-image:url(http://www.kassandrafoto.com/images/kassaInfo.png); 
background-repeat:no-repeat; 

} 

body{ 

margin:0; 
width:100%; 
height:100%; 
background-color:#fff; 
font-family:Arial, Helvetica, sans-serif; 
background-image:url(http://www.kassandrafoto.com/images/bg.jpg); 
background-repeat:repeat-x; 
overflow:hidden; 
}

這是HTML代碼，你可以看到在div是第一位的：

<body id='body'> 

<div id="kassaInfo"> 
<div id="closeKassaBtn"></div> 
</div><!--The rest of the Code--> 
</body>

這裏來與它的第一個行動的js，這僅僅集中在剩餘股利基地的witdh的一半（這工作得很好），所以自leftted 50％打算在中心始終。 PS。我使用了Greensock TweenMax JS庫，但它只是一個補間動畫。

var $kassaInfo = document.getElementById('kassaInfo'); 
var $kassaMargin = findMargin('kassaInfo'); 
TweenMax.to($kassaInfo,1,{css:{alpha:0.6, marginLeft:$kassaMargin},ease:Expo.easeOut});

這裏是Click事件功能：

var $kassaInfo= document.getElementById('kassaInfo'); 
TweenMax.to($kassaInfo,1{css{alpha:1, marginTop:220},ease:Expo.easeOut});

那麼這裏談到的東西，你可以看到的股利是從外面任何人，是絕對的，我不知道爲什麼FF/Chrome中的額外空間。

感謝您的幫助或提示，可以幫助我。問候。

來源

2013-02-11 Diego

你是否知道你的網站是JS禁用的黑色虛空？ – Eevee 2013-02-11 20:58:37

噢，我想要設計一個閃光的味道，JavaScript以某種方式回來。 – Diego 2013-02-11 21:12:16

使用top而不是margin-top是正確的方法，正如我所說我很新手，所以在使用position：absolute時我不知道這個小小的不同。就像是絕對沒有餘量，只是簡單的左，頂部等

無論如何，我無法弄清楚爲什麼額外300px，如果有人可以添加一些信息，這將是非常感激。

問候。

來源

2013-02-11 23:21:24 Diego

不同的邊緣在所有瀏覽器，但IE8 /歌劇

回答

相關問題