我現在用的Lumi的主題,我從sooperthemes購買(他們看起來像他們不再業務)爲Drupal。除了在Internet Explorer中(它的所有版本是10,11和8),它都很好用。Internet Explorer中的CSS問題問題滑塊
基本上,第一張幻燈片在右側部分可見。其餘的幻燈片不可見。
我已經搜索並嘗試了所有的建議的修復,但沒有奏效。據我所知,這個問題似乎在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;
}
}
/**
您可以發佈您的代碼的小提琴嗎? – man
http://jsfiddle.net/#&togetherjs=yefgAwcmyu – thirddawg
這裏是整個style.css,如果你需要它。 http://jsfiddle.net/thirddawg/WThR6/#&togetherjs=yefgAwcmyu – thirddawg