將圖像定位到特定位置

我有一個透明的圖像，其鏈接覆蓋了我們的門戶上的第三方應用程序。我們不能在按鈕上添加html，所以我認爲這將是解決方案。圖像的行爲與預期一致，並且正確定位，但是，當管理員登錄到門戶網站並且出現管理菜單時，它會將不可見圖像「下推」大約50個像素，以致導致管理員混淆。將圖像定位到特定位置

這是我的代碼：

 <tr> 
     <td> 
      <a href="/Events.aspx"> 
      <img alt="Events" src="/Portals/1/transparent.png" 
       style="height: 43px; width: 200px; left: -150px; 
       position:absolute; z-index: 2000; top: 104px; right: 300px; 
       left: 500px;" /></a></td> 
    </tr>

如果我改變absolute到relative它會導致其他問題的接口。

任何想法？

來源

2014-12-23 alwaysVBNET

你能解釋一下嗎？你想要什麼？ –

提供兩個實例的屏幕截圖？ – 9997

<img>上的position: absolute使定位屬性指的是不是position: static的第一個祖先。在這種情況下，我假設它是<body>。通過將position: relative添加到更近的祖先並嘗試更新定位屬性，嘗試將定位的參考點移動到更接近圖像的位置。這將使您的html更強大，因爲獲得position: relative的祖先之外的其他內容不會影響圖像的位置。

不幸的是，您的示例代碼太不完整，無法幫助您查看可能的候選人。

更新基礎上，活生生的例子

.template_style是目前position: relative始祖，因此所有定位屬性指的是。嘗試做設置模塊上的position: relative（如果可能的話和模塊名稱是不是動態的，否則內嵌樣式屬性應該工作一樣好）

.DnnModule-2190 { 
    position: relative; 
}

之後更新top財產（以0，44px ，88px等我認爲）和left財產（減少7我認爲）。

來源

2014-12-23 17:22:19 ckuijjer

我已添加實時鏈接到頁面以獲取更多信息 – alwaysVBNET

我相信它很有效。發生的另一個問題是，當用戶處於「編輯」模式時，出現另一個小方框並將鏈接重新推下！ – alwaysVBNET

我猜這也應該解決這個問題。試試如果你可以在那裏應用相同的解決方案。 – ckuijjer

將圖像定位到特定位置

回答

相關問題