咨询个css的问题

Ruclinux

传送门：https://www.hostloc.com/thread-678808-1-1.html

我在修改wordpress模板的时候，经@流河旱树 的指点，解决了图片圆圈显示的问题，但不知道我动了哪里了还是修改各个参数影响了默认的代码，现在有一个新的问题，在刷新的时候 滑动显示幻灯滚动那里总是会位置错位。我修改的是 style.css 这个文件。





gif录屏文件：链接: https://pan.baidu.com/s/1jgjpvJa5UbOe1QyIzXq1hg 提取码: i8up

请各位大佬们指点一下，谢谢了。

Ruclinux

博客地址是我签名第二个，麻烦大家指点，谢谢了

MoeWang

大佬来了，虽然不会但是过来暖暖帖

Ruclinux

MoeWang 发表于 2020-4-23 09:22

大佬来了，虽然不会但是过来暖暖帖
谢谢帮顶

yumijie

大佬你用什么软件录的gif文件啊,能介绍下吗?说下文件名或者下载地址,谢谢

Ruclinux

yumijie 发表于 2020-4-23 09:53

大佬你用什么软件录的gif文件啊,能介绍下吗?说下文件名或者下载地址,谢谢
360管家里搜索gif安装的，我录完就卸载了，您可以在360管家里看看

mjsz

css是什么，可以吃么？

Ruclinux

dd0754 发表于 2020-4-23 10:25

#slider {
  overflow: hidden;
}[ol]

/* Main Content Slide */

#slider {

  position: relative;

}

#slider {

  height: 364px;

  background: url("img/slider_bg.jpg") repeat-x;

}

#slider .slide {

  height: 100%;

  padding: 21px 0px;

  width: 100%;

}

#slider .slide .book-cover {

  float: left;

  width: 19%;

  overflow: hidden;

  height: 20em;

  margin-right: 3%;

  box-shadow: 0px 3px 5px rgba(0,0,0,0.5);

  height: 230px;

  border-radius: 50%;

  background: #000;

}

#slider .slide .book-cover img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

}

/* Slide Description */

#slider .slide .slide-description {

  background: #fff;

  float: left;

  width: 78%;

  min-height: 100%;

  border-radius: 5px;

  box-shadow: 2px 0px 5px rgba(0,0,0,0.5);

  padding: 5px;

  height: 300px;

}

#slider .slide .slide-description .inner-sd {

  border: 1px solid #2cc1a4;

  border-radius: 5px;

  height: 100%;

  padding: 20px 30px;

}

#slider .slide .slide-description .top-sd-head {

  border-bottom: 1px dotted #979797;

}

#slider .slide .slide-description .tsh-left {

  float: left;

  max-width: 80%;

}

#slider .slide .slide-description .top-sd-head .grade {

  float: right;

  padding: 3px 20px;

  color: #fff;

  font-size: 1.2em;

  border-radius: 5px;

}

/* Slide Description - Rating */

#slider .slide .slide-description .rating {

  display: block;

  float: right;

  width: 20%;

  text-align: right;

}

#slider .slide .slide-description .rating ul {

  margin: 0;

  padding: 0;

}

#slider .slide .slide-description .rating ul li {

  display: inline-block;

  font-size: 1.3em;

  line-height: 2.6;

  color: #ebbb12;

}

/* Slide Description - Title */

#slider .slide .slide-description .sd-title {

  margin: 0;

  padding: 0;

  margin-bottom: 10px;

}

#slider .slide .slide-description .sd-title a {

  font-family: "Arvo", sans-serif;

  color: #18bfef;

  font-size: 1.3em;

  font-weight: normal;

  -webkit-transition: all 0.250s ease-in-out;

  -moz-transition: all 0.250s ease-in-out;

  -o-transition: all 0.250s ease-in-out;

  transition: all 0.250s ease-in-out;

}

#slider .slide .slide-description .sd-title a:hover {

  color: #2cc1a4;

}

/* Slider Body */

#slider .slide .sd-body {

  height: 112px;

  overflow: hidden;

}

#slider .slide .sd-body p {

  font-family: "Titillium Web", sans-serif;

  color: #544747;

  font-size: 1em;

  margin: 10px 0px;

}

/* Slider Meta */

#slider .sd-meta {

  border: 1px solid #2cc1a4;

  border-radius: 3px;

  padding: 10px;

  margin-top: 15px;

}

#slider .sd-meta span:first-of-type {

  margin-left: 0;

}

#slider .sd-meta span {

  margin-left: 10px;

}

#slider .sd-meta span a, #slider .sd-meta span {

  color: #18bfef;

  font-family: "Titillium Web", sans-serif;

  -webkit-transition: all 0.250s ease-in-out;

  -moz-transition: all 0.250s ease-in-out;

  -o-transition: all 0.250s ease-in-out;

  transition: all 0.250s ease-in-out;

}

#slider .sd-meta span a:hover {

  color: #2cc1a4;

}

#slider .sd-meta span a i, #slider .sd-meta span i {

  color: #979797;

}

#slider .sd-meta .read-more {

  float: right;

  padding: 0;

  font-family: "Titillium Web", sans-serif;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 1em;

  color: #18bfef;

  line-height: 1.5;

  -webkit-transition: all 0.250s ease-in-out;

  -moz-transition: all 0.250s ease-in-out;

  -o-transition: all 0.250s ease-in-out;

  transition: all 0.250s ease-in-out;

}

#slider .sd-meta .read-more:hover {

  color: #2cc1a4;

}

/* Slider Pager */

#slider .cycle-pager {

  position: absolute;

  height: 13px;

  bottom: 0px;

  right: 0;

  z-index: 9999;

}

#slider .cycle-pager span {

  display: inline-block;

  width: 14px;

  height: 13px;

  background: url("img/snav_n.png") no-repeat;

  text-indent: -9999px;

  margin-left: 5px;

}

#slider .cycle-pager span:hover {

  cursor: pointer;

}

#slider .cycle-pager .cycle-pager-active {

  background: url("img/snav_a.png") no-repeat;

  position: absolute;

}

/* Slider Navigation */

#slider .cycle-next {

  border-radius: 5px 0px 0px 5px;

  right: 0;

}

#slider .cycle-prev {

  border-radius: 0px 5px 5px 0px;

  left: 0;

}

#slider .cycle-prev, #slider .cycle-next {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  z-index: 9999;

  margin-top: -20px;

  background: rgba(0,0,0,0.5);

  font-size: 1.5em;

  text-align: center;

  color: #000;

  opacity: 0.8;

  line-height: 1.6;

  -webkit-transition: all 0.250s ease-in-out;

  -moz-transition: all 0.250s ease-in-out;

  -o-transition: all 0.250s ease-in-out;

  transition: all 0.250s ease-in-out;

}

#slider .cycle-prev:hover, #slider .cycle-next:hover {

  opacity: 1;

  color: #fff;

  cursor: pointer;

}

[/ol]复制代码

您好，这是slide相关的，我应该在哪修改呢？ 是添加还是删除 overflow: hidden; 谢谢您了

Ruclinux

头痛