Html 不同屏幕上显示的图像不同

我使用以下代码放置了一个固定图像：

<a href="http://website.com" onMouseOver='img_mo5.src="style/images/download-btn-hover.png"' onMouseOut='img_mo5.src="style/images/download-btn.png"'><img style="position: fixed; bottom: 0; right: 865px; height: 58%;z-index: 0;" src="style/images/download-btn.png" name="img_mo5" alt="" width="450px" height="300px"></a>

问题是，在较大的屏幕上，图像被放置在屏幕的中间而不是在左下角（它在15个屏幕上工作得很好）

---

如何使用

内联css样式=（属性）

HTML中的代码解决此问题？

如果您希望它出现在屏幕的左角，您应该使用

左：0

而不是

右：865px

<a href="http://website.com" onMouseOver='img_mo5.src="style/images/download-btn-hover.png"' onMouseOut='img_mo5.src="style/images/download-btn.png"'><img style="position: fixed; bottom: 0; left: 0; height: 58%;z-index: 0;" src="style/images/download-btn.png" name="img_mo5" alt="" width="450px" height="300px"></a>

如果您提供JSFIDLE，我可以为您提供更多帮助

编辑：

---

关于像你问我的那样的移动站点，大多数移动浏览器都不太支持它，所以我们使用JavaScript来完成这项工作，这里有一些示例和更多信息好的，你说没有CSS，但是你的代码中有内联CSS

第二，为什么使用position:fixed和right:865px

图像之所以出现在大屏幕的中间，是因为你在指定一个直接的像素值。

right: 865px;

到

或者将链接改为向左浮动，例如：

float: left;

---

不管怎样，为什么要将CSS内联？这不是推荐的或正确的CSS用法。CSS旨在将内容与样式分离，因此将其内联无法达到目的。

它现在也可以在更大的屏幕上工作。但不能在移动设备上工作。@Felix您以前没有询问过移动站点，下面是有关使用position的一些信息移动站点上的固定图片在固定图片上放置内联css是很常见的。否则，固定图片的行为可能不清晰。在单个图片上使用img属性也很容易。

float: left;