【问题标题】:floating a div into the vertical space above - ie7 issue将 div 浮动到上面的垂直空间中 - ie7 问题
【发布时间】:2011-12-04 19:15:36
【问题描述】:

你可以在这里看到我的问题 - http://jsfiddle.net/WuWPs/5/

基本上我试图让较低的三个 div 向上移动到第一个 div 的下方。

我在现代浏览器中实现这一点没有任何问题,但使用 ie7 看起来一团糟。

我无法编辑html,我想只用css更改来实现效果。

【问题讨论】:

    标签: html css internet-explorer css-float


    【解决方案1】:

    我只是按照要求更改了 CSS。

    见:http://jsfiddle.net/thirtydot/fVzDT/

    事实上,你的 CSS 并没有真正改变,我只是在末尾添加了一些魔法is applied in only IE7

    /* ie7 hack */
    *+html .block1, *+html .block2 {
        float: none;
        vertical-align: top;
        display: inline;
        zoom: 1
    }
    

    【讨论】:

    • 非常感谢,效果很好。我以前没见过那个黑客。是否有类似的适用于 ie6 的?
    • 哎呀,刚刚意识到您在答案中留下了指向各种黑客的链接。再次感谢。
    • 不客气。回答您的问题:是的,there is。但是,如果您想将它与我已经建议的内容一起使用,则需要复制修复程序。因此,我将推荐*property: value hack,它适用于 IE7 及更低版本。 见:jsfiddle.net/thirtydot/fVzDT/2
    • +1 向我介绍了 star plus hack - 然而值得注意的是,“Microsoft Internet Explorer 开发团队已要求人们使用条件 cmets en.wikipedia.org/wiki/Conditional_comment 而不是 hacks”en.wikipedia.org/wiki/CSS_filter#Criticism跨度>
    猜你喜欢
    • 1970-01-01
    • 2018-02-11
    • 1970-01-01
    • 1970-01-01
    • 2023-04-09
    • 2014-08-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多