在鼠標上方彈出圖像位置css

Question

我使用this script在彈出的圖像上做了一些鼠標操作，但腳本顯示鼠標右上方的圖像，是否可以設置特定座標，甚至可以設置特定座標迫使圖像下降到右下角？

/CSS

#pup { 
    position:absolute; 
    z-index:200; /* aaaalways on top*/ 
    padding: 3px; 
    margin-left: 10px; 
    margin-top: 5px; 
    width: 250px; 
    border: 1px solid black; 
    background-color: #FFF; 
    color: white; 
    font-size: 0.95em; 
} 

// HTML

<a onmouseover="nhpup.popup('<?php echo $q; ?>: <br/><br/> <img src=&quot;../specials/<?php echo $logo; ?>&quot;/>', {'width': 250});">Logo</a> 

，如果你們需要我提供什麼的還有其他的代碼，我可以，但我認爲CSS是你所需要的，而不是當然。另外我想提一下，這個彈出的文本是在一個錶行內，不知道是否重要。

Answer 1

這是關於CSS的一切，您不會顯示演示。

你必須做的是絕對設置你的#pup。 （你擁有它，但你不設置右側和底部）

#pup { 
    position:absolute; 
    right: 0; 
    bottom: 0; /* this is make your image have a (0,0) coordinate */ 
    z-index:200; /* aaaalways on top*/ 
    padding: 3px; 
    margin-left: 10px; 
    margin-top: 5px; 
    width: 250px; 
    border: 1px solid black; 
    background-color: #FFF; 
    color: white; 
    font-size: 0.95em; 
} 

更多位置：http://www.w3schools.com/css/css_positioning.asp

而且不要忘記使#pup HTML父設置相對位置。

例如，如果#pup有這樣的HTML：

<div class="parent"> 
    <div id="pup"> 
    <!-- This is yours --> 
    </div> 
</div> 

CSS：

.parent {position:relative;}