将图像定位到特定位置

我有一个透明的图像，其链接覆盖了我们的门户上的第三方应用程序。我们不能在按钮上添加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

将图像定位到特定位置

回答

相关问题