做一個三角形div來保持文本並關閉懸停出

如何使一個固定的三角形div保存文本和圖像？做一個三角形div來保持文本並關閉懸停出

另外我做的是this但在這裏，當div懸停打開時，並且當我懸停時，它不會關閉，因爲div是方形的，所以我需要這麼做的時候用戶盤旋出來，div應該關閉？

jQuery將被罰款過

CSS

.map { 
    background-color: transparent; 
    position: absolute; 
    border-top: 0px; 
    border-right: 500px solid transparent; 
    border-left: 0; 
    border-bottom: 500px solid #ff0000; 
    width: 0; 
    position: fixed; 
    bottom: -440px; 
} 

.map:hover { 
    bottom: 0px; 
}

Another fiddle

來源

2013-01-21 Acidic Cloud

這已經是這樣的情況了：當鼠標關閉div時。問題是你想要的是當鼠標光標不在紅色區域時觸發鼠標移出。看到類似的話題：http://stackoverflow.com/questions/14315795/modiying-cursor-property-for-select-portion-of-an-element/ –

如果您檢查在Chrome例如元素，youu會看到你用邊界創建這一招的div仍然是本書雖然一個正方形，當你將鼠標懸停在上面時，它覆蓋左下500x500像素

你可能想要考慮跟蹤鼠標爲了實現你想要的東西。

$(".map").click(function(e){ 
    var parentOffset = $(this).parent().offset(); 
    //or $(this).offset(); if you really just want the current element's offset 
    var relX = e.pageX - parentOffset.left; 
    var relY = e.pageY - parentOffset.top; 
});

來源

2013-01-21 08:50:50 Syd

的確，我不想讓div彈出，除非和直到我把我的鼠標拿到手，結束也是一樣 –

做一個三角形div來保持文本並關閉懸停出

回答

相關問題