衰落背景中的中心图像

我正在做一个褪色的幻灯片，一切都很好，但我似乎无法得到图像（的）居中......我猜/希望它是一个小的东西，但它是驾驶我疯了，我无法找到解决方案，希望有人能帮助我！衰落背景中的中心图像

.slider { position: absolute; top:0px; left:0px; width:100%; height:420px; overflow:hidden; } .slider img { width:2560px; height:100%; display:block; overflow:hidden; }

http://jsfiddle.net/DvK3p

注意我现在用的ResponsiveSlides.js是一个很小的jQuery插件（http://responsiveslides.com）

来源

2013-05-07 Erwin van Ekeren

，让您的形象为中心，使用

margin-left: auto; 
margin-right: auto;

但为此，您需要您的元件的宽度设置：

margin:0 auto; /* Same as above, but with margin-top and bottom set to 0 */ 
width: 200px; /* Example */

或者，也可以不设置width &尊重的图片的原始比率在不知道它的任一高度或宽度;这些是你必须用JS做的事情。

来源

2013-05-07 10:03:44 Bigood

此行添加到CSS .slider img

margin: 0 auto;

但你需要在js就可以工作了

来源

2013-05-07 10:06:18

尝试改变绝对相对位置，还设置了固定的宽度，以容器：滑块，并添加到它的边际：0自动。

这样的：

.slider { position: relative; 
      top:0px; left:0px; 
      margin: 0 auto; 
      width:560px; 
      height:420px; 
      overflow:hidden; 
} 

.slider img { width:560px; 
      height:100%; 
      display:block; 
      overflow:hidden; 
}

来源

2013-05-07 10:25:44 Apprentice

衰落背景中的中心图像

回答

相关问题