如何获得图像元素的绝对定位？

我在图像元素的页面上显示了一些图像。但是，如果屏幕分辨率不同，他们会移动到页面上的不同位置。如何获得图像元素的绝对定位？

我该如何编写下面的代码，以便我的div /元素将保持绝对定位，并且不会在不同的分辨率下进行更改？

<div class='imageElement2'> 
<a href='#' title=''><img alt='' height='364' src='http://farm8.staticflickr.com/7209/6978440877_10b1fcffc4_o.jpg' width='940'/></a> 
</div> 

<style> 
.imageElement2 { 
width:1020px; height:400px; overflow:auto; 
position:absolute; z-index:2; left:50%; top:0%; 
margin-left: -510px; margin-top:40px; text-align:center; 
visibility:visible;} 
</style>

来源

2012-03-13 user1266068

我不太确定你想达到什么目标，特别是'margin-left：-510px'。现在发生了什么？你可以发布一些screnshoots和你想要的图表吗？也许是一个jsfiddle？ – 2012-03-13 11:15:41

“margin-left：-510px”是我的图片在网站上的位置，这有什么奇怪的地方？ – user1266068 2012-03-13 11:19:25

你可以使用“position：relative”而不是绝对的。 – 2012-03-13 11:28:34

如果我理解正确的话，最好的办法是在宽度和高度，使包装分度，在这个div元素不会改变页面宽度的影响，你只会得到一个卷轴。

这应该做的伎俩，只是将它附加到包装元素。

.imageWrapper { width: 500px; }

然而，你想要什么的筛选器，将是伟大的！

来源

2012-03-13 11:17:26

确定抓取图像的链接，以便您可以看到我的问题一秒 – user1266068 2012-03-13 11:30:04

好的，这是我的网站的顶部应该是这样的：http://i40.tinypic.com/15bjuw.png – user1266068 2012-03-13 11:36:00

这是一个例子有时会发生什么：http://i42.tinypic.com/5lv21t.png – user1266068 2012-03-13 11:36:45

卸下

left: 50%; top: 0%;

，并用一个固定的PX含量替换它们像

left: 50px; top: 0px;

因为50％是指在浏览器区域的宽度的50％的位置。

所以你看，一个1024屏幕上的格将在512和1366屏幕上的格将在683

提示：如果想在任何浏览器中的“绝对”定位切勿使用％。

提示：如果您正试图定位在屏幕中间的DIV只是将这些样式

width: your-desired-width-on-any-browser px; 
margin: auto; //to bring it middle 
//additionally you can add "top: X px/%/em; to position it vertically.

有一个好的一天。

来源

2012-03-14 08:45:51

我明白了，你说得对，我不应该在那里有“％”。然而，我试图修复它，当我从其他计算机查看我的网站时，或者当我使用“ctrl”+“滚动轮”具有相同的效果时，我的图像仍在四处移动...是否可以让图像保持放置状态？似乎每个浏览我的网站的人都不会按照我希望的方式看到它，如果他们有不同的显示器分辨率......; – user1266068 2012-03-14 14:22:23

您可以使用position：fixed在你的样式中。任何方式，你可以给你喜欢的网站，你完全有这个“问题”。这将是很好的。 :) – 2012-03-15 13:19:04

如何获得图像元素的绝对定位？

回答

相关问题