我有一个可查询的可排序图像集合,即。元素设置为 img (由于它位于选项卡控件中并且是水平列表,无法在列表元素上排序,我只是无法让它工作),除了 IE8 之外,它在任何地方都可以完美工作(即使在标准合规模式下),其中占位符显示损坏的图像。我可以使用任何类型的 CSS 设置来使占位符在 IE8 中不可见吗?我已经尝试过
visibility : hidden;
我尝试过设置
content : url(transparent.gif);
似乎都没有任何效果。我可以做什么来解决这个问题?关于如何检查正在显示的 CSS 的任何建议,如在 Dom Explorer(或 IE8 开发人员工具中的任何名称)中,我看不到 img,因为一旦我放开鼠标,它就会消失并且 Dom Explorer 似乎没有像 Firebug 那样进行实时更新。
编辑:这是重复的问题 http://jsbin.com/irozu
我过度简化了我的示例,另一个问题是整个选项卡是可滚动的,由 slider 控制。改变
display : inline;
到
float : left;
不起作用,因为我们不再有可滚动的元素列表。另外,出于某种奇怪的原因,当存在滚动条并且您使用“li”而不是“img”作为目标时,可排序功能将停止工作。
更新后的示例位于:http://jsbin.com/ahawi .
最佳答案
where the placeholder shows a broken image. Is there any kind of CSS setting I can use to make the placeholder invisible in IE8. I have tried
出现损坏的图像是因为 jQuery UI 创建(在您的情况下)一个没有为占位符设置 src 属性的 IMG 元素。解决这个问题:
- 不要设置占位符选项 或
将您的 .showPlace 类更改为类似的内容
.showPlace { margin: 20px; overflow: hidden; width: 0; height: 0; }
上面的代码将隐藏(不存在的)图像内容,但会使元素可见。
顺便说一句。在我的测试用例中,将visibility:hidden
设置为 .showPlace
也效果很好
关于Jquery Ui Sortable 在 IE8 中显示损坏的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/815217/