Jquery 在角上显示图像，以便在调整窗口大小后图像保持在同一位置

我正在用

HTML5

构建一个移动应用程序，使用Jquery mobile，我试图显示两个图像，一个在右侧，另一个在左侧。重要的是，在调整窗口浏览器的大小时，图像不应消失，并且始终显示一个在右侧，一个在左侧，因此它将适合不同的移动屏幕

我尝试使用CSS：

float:right

，

left:85%

---

但是在调整大小后，它就消失了……

而没有看到任何代码，我不确定您尝试了什么。但您可以通过以下方法实现这一点：

<div style="position:fixed;left:0;"><img src="fakeimageurl.jpg" width="100" /></div>
<div style="position:fixed;right:0;"><img src="fakeimageurl.jpg" width="100" /></div>

或者，如果您希望图像不随滚动移动

<div style="position:absolute;left:0;"><img src="fakeimageurl.jpg" width="100" /></div>
<div style="position:absolute;right:0;"><img src="fakeimageurl.jpg" width="100" /></div>

让您开始。尝试重新调整浏览器的大小

我建议使用psuedo

before

和

before

选择器来创建背景图像标记，因为这在语义上并不是你想要的

基本标记：

<div id="main">
    Page content
</div>

顶部：0

，

底部：0

将元素拉伸到目标容器的整个高度（

#main

），而

左侧

/

右侧

0

/

50%

占据适当的一半

---

现在将背景图像设置为“定义”之前的

和之后的
。对于缩放背景图像，您也可以使用，但这可能不是必需的。
绝对定位如何？然后
右：0我只是想确定它是如何工作的……如果我想在中间有这2个图像，但是在它们之间有一些自由空间呢？玩左右的值。该数字表示它们将分别显示在离左侧或右侧多远的位置。它们之间的距离取决于你将它们移动到一起的距离，从而左右推动它们。试着玩一下代码，看看它是否适合你。我明白了，我不必用%px来代替…因为现在图像在调整大小后会绝望。@Alex Opet我尝试了下一个代码：
，但它们之间的空间在调整窗口大小时会发生变化…我希望它保持不变。
#main { position: relative; z-index: 1 }
#main:before { content: ''; z-index: -1; position: absolute; top:0; bottom: 0; left: 0; right: 50%;  }
#main:after { content: ''; z-index: -1; position: absolute; top:0; bottom: 0; right: 0; left: 50%; }