如何在動態高度上給鼠標懸停的圓角圖像

Question

我想在鼠標上顯示一個圓角圖像上一個div ..該div內容是動態的..所以我需要相應地增加圖像的高度.. 這個怎麼做..？請幫助

Answer 1

如果我理解正確，並且想要將鼠標懸停在鼠標上方，可以這樣做。

將4個div與角落圖像作爲背景。

CSS：

d1, d2, d3, d4 

{ 

    position:absolute; 
    display:none; 

} 

d1 
{ 

    background-image:url('cornertop.extension'); 
    top:0px; 
    left:0px; 

} 

等所有

HTML：

<div id="yourid" onmouseover="roundCorners();" onmouseout="deRoundCorners()"> 
content 
</div> 

的javascript：

function roundCorners() 
{ 

    document.getElementById('d1').style.display=block; 
    document.getElementById('d2').style.display=block; 
    document.getElementById('d3').style.display=block; 
    document.getElementById('d4').style.display=block; 

} 

function deRoundCorners() 
{ 

    document.getElementById('d1').style.display="none"; 
    document.getElementById('d2').style.display="none"; 
    document.getElementById('d3').style.display="none"; 
    document.getElementById('d4').style.display="none"; 

} 

如果我理解正確的是應該這樣做？如果沒有...給更多的細節請。