基本上,第一张幻灯片部分可见于右侧。其余的幻灯片都无法看到。
我已经搜索并尝试了所有建议的解决方法,但没有任何作用。据我所知,问题似乎出现在style.css中。我在下面包含了我认为相关的部分。有什么提示或想法吗?
/**
* Featured
*/
.wrap-featured {
width: 100%;
overflow: hidden;
margin-top: -12px;
}
.region-featured {
position: relative;
}
.region-featured .block {
padding-top: 0;
padding-bottom: 0;
}
.region-featured:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .region-featured {
height: 1%;
}
*:first-child + html .region-featured {
min-height: 1%;
}
.region-featured h1 {
font-size: 72px;
line-height: 1.4em;
text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
}
.region-featured p {
font-size: 24px;
line-height: 1.4em;
text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
}
@media screen and (max-width:768px) {
.region-featured h1 {
font-size: 48px;
line-height: 1.4em;
}
.region-featured p {
font-size: 18px;
line-height: 1.4em;
}
}
.region-featured .flex-viewport {
overflow: visible!important;
}
.region-featured .slides {
height: 263px;
list-style: none;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
}
.region-featured .slides h1, .region-featured .slides h2, .region-featured .slides h3, .region-featured .slides h4, .region-featured .slides h5, .region-featured .slides h6,
.region-featured .slides p, .region-featured .slides ul, .region-featured .slides ol, .region-featured .slides blockquote {
margin: 15px 0;
}
.region-featured .slides img {
margin: 30px 0 0 0;
}
.region-featured .slides h1, .region-featured .slides h2 {
margin: 30px 0 15px 0;
}
.region-featured .slides *[class|="col"] {
margin-bottom: 0;
}
.region-featured .slides > li {
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 300ms;
-webkit-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.region-featured .slides > li.flex-active-slide {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.flex-control-nav {
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
}
.flex-control-nav li {
display: inline;
}
.flex-control-nav li a {
display: inline-block;
text-indent: -999999px;
overflow: hidden;
width: 18px;
height: 18px;
background: url("../images/slider-nav.png") no-repeat center center;
cursor: pointer;
}
.flex-control-nav li a.flex-active {
background-image: url("../images/slider-nav-active.png");
}
@media screen and (max-width:640px) {
.flex-control-nav {
display: none;
}
}
/**