0

首先，我想提一下没有与此代码相关的 CSS/HTML，它直接<body>

我使用z-index和pointer-effects将图像本身放置在页面上的每一位内容上：无，我一直试图实现的是使图像根据高度和屏幕分辨率正确缩放仍然覆盖屏幕（如果其中一些被切断对我来说并不重要），但无论我尝试什么，整个图像都会自行调整大小以适应

编码：

<div style="position:fixed;
float:left;
z-index:99999999;
bottom:0px;
left:0px;
pointer-events:none;">
<img src="http://www.millport.org/wp-content/uploads/2013/05/Flower-festival.jpg"  width="100%" height="100%"></div>
<div id ="over"></div>

http://jsfiddle.net/ZnraF/1/

删除width="100%"只会使整个图像恢复到原始大小，而流行的background-size: cover;代码什么都不做，只会影响背景图像本身。

http://i.stack.imgur.com/HLJBQ.png <--我假设有可能做到这一点，有人有什么建议吗？（注意，我实际使用的图像通常比花朵图像更宽更大。）

4

1 回答 1

0

如果您想要做的是无论分辨率如何都保持图像大小相同，请尝试更改图像代码，如下所示：

<img 
src="http://www.millport.org/wp-content/uploads/2013/05/Flower-festival.jpg"  style="width:100px; height:100px"/>

只需将px值更改为所需的宽度和高度像素。

于 2013-11-11T18:14:26.450 回答