css inline hack for firefox或chrome

时间:2012-04-17 16:49:38

标签: css firefox google-chrome

我需要一个用于chrome或firefox的内联css hack。内联我的意思是:

style =“* margin-top:这是IE7 hack; margin-top:这是IE 8& 9 hack \ 9;”>

我知道这是一种真正的fubar做事方式(更不用说非标准),但我们正在使用的当前设置迫使我这样做。我无法实现javascript解决方案,因为我已经尝试过,它与影响数百个网页的全局javascript文件冲突。所以我被强制使用如上所述的内联样式。

我已经在使用上面引用的IE7 IE8和IE9黑客攻击了。

这涉及firefox和chrome在浮动元素上的定位问题。

提前感谢您的帮助。

认真地fubar'd umbre gachoong

1 个答案:

答案 0 :(得分:0)

所以我能够用以下方法解决这个问题:

 <style type="text/css">

   ul li.container a.tooltip2{
  z-index:600;
   }

   ul li.container a.tooltip2 span{
  display:none;

  }


  ul li.container a.tooltip2:hover span{
  display:inline-block;
  position:absolute;
  border:1px solid #999;
  background-color:#ffffe5;
  z-index:99999;
  height:auto;
  width:auto;
  color:#000; 
    }


  </style>

使用上面的内联样式,(呃,颈部疼痛!)现在有效。所以设计师明天会把它看出来。我们会看到他说的话。

感谢您的所有投入!

的问候, umbre