Javascript IE和其他的条件行内CSS?

Javascript IE和其他的条件行内CSS?,javascript,jquery,html,css,internet-explorer,Javascript,Jquery,Html,Css,Internet Explorer,我在看网站的源代码。当你向下滚动时,页面会根据你当前的滚动位置发生变化,这会产生很好的效果 查看FireFox中页面的源代码,我注意到他们使用了-webkit转换:矩阵(a,b,c,d,0,0)以处理div的移动。但是,在IE中查看同一个源时,它仅显示为transform:matrix(a、b、c、d、0、0)这些样式属性是串联的,如下所示: 火狐: <div class="card gift" style="z-index: 0; -webkit-transform: matrix(a,

我在看网站的源代码。当你向下滚动时,页面会根据你当前的滚动位置发生变化,这会产生很好的效果

查看FireFox中页面的源代码,我注意到他们使用了
-webkit转换:矩阵(a,b,c,d,0,0)以处理div的移动。但是,在IE中查看同一个源时,它仅显示为
transform:matrix(a、b、c、d、0、0)这些样式属性是串联的,如下所示:

火狐:

<div class="card gift" style="z-index: 0; -webkit-transform: matrix(a, b, c, d, 0, 0); right: 198px; top: 323px; opacity: 1;"></div>
如果不能使用内嵌式条件CSS,那么他们如何基于浏览器更改内嵌式样式?我的最佳猜测是JavaScript在页面加载后添加属性,作为滚动位置的函数

谢谢

编辑:

查看提供的链接,它们包括

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-i10 ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->

在他们的页面顶部,这与我提供的SO链接中的一个答案几乎相同。但我不确定这些代码行是做什么的。这是解决方案的一部分吗


再次感谢。

条件句是
HTML
而不是
CSS
,也就是说,我很确定你不能像你所展示的那样使用内联条件句

HTML
将用户重定向到特定的样式表,以处理IE方面的问题,因为IE是唯一支持这些条件语句的浏览器


很可能有一个脚本正在检测浏览器,并根据需要动态更新代码。

没有什么比内联条件css更好的了,只有ie在IE9之前有条件语句,只有Google使用javascript来实现内联css。

我想
没有
,你不能将
条件css
作为内联使用

但是,如果您想根据浏览器指定css样式,这里有一些可用的css技巧:


[如果gt IE 9]。。IE10支持有条件的评论吗?不。IE9是最后一个支持有条件评论的IE,而且IE黑客太多的人已经习惯了使用。。。它们也不再有效。该网站没有使用任何类型的在线条件。他们正在使用一些服务器端或客户端处理来检测浏览器,并更改应用于
卡礼品
类元素的内联样式,这些元素获取您看到的样式。不过,这个发现很有趣+1更有可能是javascript应用了内联样式。不,不,听我说:将这些内联样式应用于页面的javascript知道您所在的浏览器,并且只应用正确的设置。这是一个JS问题,对吗?(规则不在html源代码中,所以我假设是这样)通常,现在只有脚本设置内联样式属性:大多数人都避免这种胡说八道。是的,这就是我所认为的情况。在我添加到问题的编辑中,关于IE的前五行代码是什么?谢谢。当IE因其令人讨厌而臭名昭著的时候,我不知道他们为什么要继续把它当作一件苦差事来发展。
<div class="testing" style="<!--[if IE]>background-color: #321;<!--[if !IE]> -->background-color: #F00;<!-- <![endif]-->"></div>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-i10 ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->