小编Sti*_*ofu的帖子

当我尝试使用具有固定位置的 background-size:cover 属性时，我的图像变得太大，并被裁剪。我希望它与原始图像的大小相同，但我无法弄清楚。我试图保持图像保持原位的影响。

#wrapper {
  width:100%;
  height:580px;
   background-image:url('http://www.myorderdesk.com/Providers/206190/Files/31/full_width_image_1.jpg');
background-position: center center;
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100% 100%; 
/*background-size:cover;*/
-webkit-transition: background-image 0.4s;
-moz-transition: background-image 0.4s;
-ms-transition: background-image 0.4s;
-o-transition: background-image 0.4s;
transition: background-image 0.4s;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}

这是我的演示

全屏演示

我正在尝试创建一个范围滑块，当用户拖动滑块时可以切换到不同的图像。我创建了一个范围滑块，但我不知道如何获取滑块的值，然后显示所选值的相应图像。

这是我的目标的视觉示例。

    <input type="range" min="0" max="9" value="0" step="1" onChange="sliderChange(this.value)" />
<br /><br />

slider value = <span id="sliderStatus">0</span>

关于如何实现这一目标的任何帮助将不胜感激。

代码笔链接

谢谢你

我是第一次与Slick Carousel合作.我目前正在处理的项目需要通过CDN加载的大多数文件.如何替换通过托管Jquery加载的"Next"和"Previous"的默认按钮？

截至目前,它只是一个带有Text的按钮,我想用FontAwesome箭头图标替换它.

<h1> One Slider At a Time </h1>
<div class="slider">
    <div><h3>1</h3></div>
    <div><h3>2</h3></div>
    <div><h3>3</h3></div>
  </div>

这是我的演示

我有一个电子商务平台,其产品图像在产品标题和描述之前显示在DOM中.我无权更改他们的HTML,但我想知道是否有办法用CSS重新排序这些元素？

这是HTML

<div id="wrapper">
  <div id="img">Img</div> 
  <div id="Content">
     <div id="title">
       Title
     </div>
     <div id="description">
       Description
     </div>
  </div>
</div>

我试图让#content超过#img,但遗憾的是没有运气.

这是一个演示.

演示链接在这里