IE8 jQuery的顯示（）股利增加父DIV的大小

我有一個jQuery彈出這樣IE8 jQuery的顯示（）股利增加父DIV的大小

$("[id=messagelink]").hover(function(e) { 
    $(this).next('#popupmessage').show(); 
}, function() { 
    $(this).next('#popupmessage').hide(); 
});

股利代碼：

<div>...... 
<a href='' id='messagelink' name='messagelink' touserid='1' ><img src='images/icons/mail.png' width='15' height='15' /></a> 
<div id='popupmessage' class='popup'>Blaaah</div>"; 
...... 
</div>

的CSS

.popup { 
display: none; 
padding: 10px; 
background: #eeeeee; 
color: #000000; 
border: 1px solid #1a1a1a; 
font-size: 90%; 
position: absolute; 
}

所有作品罰款FF，鉻，歌劇院，但在IE彈出窗口顯示，但它是增加父DIV的高度和寬度。更糟糕的是，它將水平和垂直滾動條添加到DIV中。 YUK！

我從CSS中刪除了填充，然後問題得到解決。但我需要一個很好的彈出消息，而不是一個裁剪的消息。

可以做些什麼？

感謝您的幫助。 Coenos

來源

2013-03-26 Coen Damen

如果你的目標不是IE 7或更低版本，你可以使用div {box-sizing：border-box;}。無論你給的填充將填充「INSIDE」指定的高度& DIV寬度而不是外部。

來源

2013-03-26 17:34:15 Neeraj

嘗試使div位置相對。我從來沒有經歷過這個自己。

div { 
    position: relative; 
}

http://jsfiddle.net/HaJjH/2/

我在IE8的模擬器來檢查，你可以檢查真實IE8，看看它是否工作

來源

2013-03-26 18:02:04 Huangism

IE8 jQuery的顯示（）股利增加父DIV的大小

回答

相關問題