gpt4 book ai didi

HTML/CSS(可能是 :checked pseudo selector) visualization trouble with IE

转载 作者:行者123 更新时间:2023-11-28 10:41:54 25 4
gpt4 key购买 nike

我正在做我就读的软件学院的作业。任务是制作一个简单的画廊,它应该以更大的分辨率可视化点击的缩略图。我以某种方式使用表单中的单选按钮完成了这项工作(正确与否)..并且画廊在大多数主要浏览器上工作得很好,除了 IE(当然)......

我已经在 IE9 和 IE11 上试过了,它似乎根本不起作用。无论您单击缩略图,都不会发生任何变化。如果有人看一下代码并提供和建议可能是什么问题,我会很感激。

提前致谢!

我已将工作示例中的图片替换为随机图片:

http://jsfiddle.net/J34VM/1/

img {
position: relative;
}

#holder {
width: 1075px;
margin: 10px auto;
}

#holder form {
width: 100%;
text-align: center;
position: relative;
}

label .thumb {
width: 150px;
height: 120px;
opacity: 0.6;
}
label .thumb:hover {
opacity: 1;
}
label .display {
position: absolute;
width: 860px;
height: 688px;
top: 130px;
left: 10%;
display: none;
}
input {
display: none;
}
input:checked + label .thumb {
opacity: 1;
}
input:checked + label .display {
display: block;
}
li {
display: inline;
list-style-type: none;
}

最佳答案

我认为问题可能是由单选按钮的display:none引起的,单选按钮有display:none时可能不会被选中 (仅在 IE 上)

如果这是问题所在,请尝试将单选按钮放置在远离页面的位置而不是隐藏它们,将其替换为:

input {
display: none;
}

用这个:

input {
position:absolute;
left:-500px;
}

希望对你有帮助

关于HTML/CSS(可能是 :checked pseudo selector) visualization trouble with IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23101523/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com