文章/答案/技术大牛

发布

问CSS图库IE问题
EN

Stack Overflow用户

提问于 2014-09-02 08:08:34

回答 1查看 47关注 0票数 0

我有这个图片库，它可以在其他浏览器中工作，但IE不能，我很困惑为什么。我在Windows7的IE9上测试了它。它加载默认图片并显示所有内容，但点击缩略图时不会更改图片。下面是代码

<!DOCTYPE html>
<html>
<head>
<style>
.image-gallery{
position:absolute;
  width:600px;
left:25%;

padding:20px;
}
.image-gallery .big-image{
  width:605px;
  height:450px;
  padding:1px;
  margin:0 auto;
  background-color:white;  
}
.image-gallery .big-image img{
  display:none;
  margin:0 auto;
#menu{
position:absolute;
 left:2%;
top:2%;

}

}
/*Selected image display*/
.image-gallery .big-image img:target{display:block;}
/*on select image dusplay none the default image*/
.image-gallery .big-image img:target ~ img#default{display:none;}
/*Shoe Default Image in first load*/
.image-gallery .big-image img#default{display:block;}

.image-gallery ul{margin-top:1px;}
.image-gallery li{float:left;
  background-color:rgba(255,255,255,0.5);margin-right:3px;}
.image-gallery li:hover{
  background-color:rgba(255,255,255,0.8);
}



</style>

现在身体的一部分

<div class="image-gallery">
<div class="title">Welcome to Jenny's Farm!</div>
<div class="big-image">           
      <img id="img1" src="gallery/1.jpg" />
      <img id="img1" src="gallery/2.jpg" />
      <img id="img3" src="gallery/3.jpg" />
      <img id="default" src="gallery/1.jpg" />
</div></div>
<div id="menu">
   <a href="#img1"><img  src="gallery/1.jpg" height="50" width="75" /></a>

  <a href="#img2"><img  src="gallery/2.jpg" height="50" width="75" /></a>

   <a href="#img3"><img  src="gallery/3.jpg" height="50" width="75" /></a>

有什么建议吗？我只使用CSS，没有任何类型的JS。谢谢!

internet-explorer

gallery

html

css

回答 1

Stack Overflow用户

发布于 2014-09-02 08:15:06

只是猜测，我想这是因为你使用的是IE不支持的default伪元素。要检查浏览器对不同CSS元素和其他内容的可用性，推荐使用这个网站：http://caniuse.com (也许还有其他或更好的网站，但只是为了了解一下想法)。

只需查看default：http://caniuse.com/#search=default

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25614171

复制

相似问题

问CSS图库IE问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS图库IE问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS图库IE问题
EN