小编Muz*_*uzz的帖子

大约一周前,我已经从桌面设计跳到了css,从那时起就开始阅读更多关于它的内容了.昨天,我在这里看了一篇很长的帖子,那里的海报正在敲响花车,以及它们是如何贬值的.有很多关于inline-block在其位置使用的讨论.

我有一个HTML5设计,我刚刚完成它在firefox和chrome看起来很棒但是当从运行Internet Explorer版本7,8和9的其他计算机进行测试时,设计绝对爆炸.这似乎对我这个设计,我已经浮动权是不是在IE荣幸的事情.它似乎只是包裹在它左边的任何东西.

我想知道我是否可以使用花车,或者我是否应该使用它inline-block.一个如何将两个div彼此相邻的示例,其中一个在左侧,另一个在右侧,使用inline-block将是很好的.

我有另一个困境,希望有人可以帮助我.我在运行XP SP1的旧开发机器上.我可以测试的最好的IE浏览器是6.我想以某种方式获得一些东西,允许我测试版本7,8和9(如果它还没有,则为10).有人可以推荐任何解决方案吗？

延迟功能无法正常工作.我确定我做错了什么.我有一个我想要使用的叠加层.当用户点击链接时,我希望此功能延迟1秒然后"释放",允许用户转到他们点击的链接.我怎样才能做到这一点？

     $("body").append("<div id='overlay'></div>");
     $("#overlay").height(docHeight).css({
...
      }).delay(1000);  <-- This is where I think it should go...
    });

编辑:

我已尝试过两种解决方案但我无法保持叠加层.屏幕刚刚刷新半秒左右.它忽略了setTimeout函数.我测试setTimeout函数所做的是以下但我甚至没有得到警报.我假设我会将我的覆盖代码放在我有警报()的位置,对吧？

为了清楚起见,我希望看到的是当单击.load选择器然后用户转发到他们单击的链接时的1秒延迟.

  $('.load').click(function() {
    setTimeout(function(){
      alert();
    }, 1000);
  });