小编Knu*_*Knu的帖子

我继承了一个CSS样式表,并在一些地方做了类似的事情:

margin:7px 0 0 0;
/margin-top:9px;

要么

background: url(../images/list-hover.png) 0 0 no-repeat;
/background:url(../images/lists-hover.png) 0 2px no-repeat;

有谁知道正斜线在做什么？

我们正在开发一个将被出售给许多客户的Web应用程序.已经有一个客户(银行)决定一旦准备好就会购买该产品.不幸的是,由于一些错误传达,它出现的时间相当晚,他们使用的唯一浏览器是IE6.该应用程序已经开始考虑到它不需要支持IE7以下的任何其他内容.结果也很不错 - 它在IE7/FF/Opera/Safari上完全可用.尚未在Chrome上进行测试,但预计会遇到一些问题.不幸的是,现在IE6的要求毕竟......

该应用程序尚未开发得太远,设计非常好,所以变化并不是那么可怕.不过,它还需要一些工作.

IE6的一个好处是它支持两个非标准且非常有用的功能.首先是条件注释,它允许我只为IE6包含一些CSS/JS文件.其次是CSS表达式.就是这样的事情:

input
{
    background-color: expression(this.type='text'?'silver':'');
}

实质上,它将CSS值绑定到JavaScript表达式.这允许轻松模拟IE6本身不支持的许多CSS功能,并且可以大大减轻我的负担.

不幸的是IE因其JavaScript性能而臭名昭着.我担心使用太多这些表达式可能会减慢它的速度.我也不知道银行正在使用什么电脑.由于它是一个非常大的,我希望他们所有的分支机构都有各种各样的.我不希望在那里使用任何东西 - 一些简单的数学运算,三元运算符和查看此元素的/父元素的属性.在IE6_override.CSS文件中仍然会有几十个.

这可能是个问题吗？

补充: Blah,这是我害怕的.好的,会看到我能用多少其他黑客来解决这些缺点.Thanx,人!

我想有一个箭头可以做什么,:hover但只有当箭头本身悬停时(不是划定宽度和高度的矩形).

简而言之,当您将鼠标悬停在►的右下角和右上角时,它不应该做任何事情.

我怎么做到这一点？

我试图编译性质由前缀-apple-和-khtml-是/是由WebKit的支持,其与自哪个版本,他们最终放弃或引入.
对他们施加的限制是什么？例如,你能找到它们document.body.style吗？

我想只有像这个臭虫的记者知道的人可以为我们提供准确的清单.但我更喜欢先问这里每个人都会从中受益......

这个版本是开始调查的好地方.

IE 6和7的哪些css黑客是未来的证据？我的意思是,如果我使用然后他们永远不会产生任何问题,他们的补丁永远不会实现？

管理2 css一个为一个,一个用于IE是耗时的,它还添加了一个额外的样式表.如果任何黑客可以解决主要css中的问题,那么这是一个节省时间,当多个人在同一个项目上工作时,大部分时间我们都忘了在条件css中进行更改.

我不是在询问条件样式表

我想根据CSS表达式设置div的高度.

基本上它应该被设置为视口宽度的一些%(比如90%), 我尝试了以下,但是没有工作;

height:expression(document.documentElement.clientWidth ? document.documentElement.clientWidth : window.innerWidth );

我正在寻找一种跨浏览器的方式(IE7 +,FF4 +,Safari)

-moz-transform和-moz-transform-origin有什么区别？

是否可以使用css创建一个标签式界面,没有javascript？我的意思是能够使用css/html切换选项卡,而无需javascript.也许用CSS 3.0？

标记将是这样的:

<ul>
 <li><a href="#tab1">tab 1</a></li>
 <li><a href="#tab2">tab 2</a></li>
 <li><a href="#tab3">tab 3</a></li>
</ul>

<div id="tab1"> ...1... </div>
<div id="tab2"> ...2... </div>
<div id="tab3"> ...3... </div>

我已经在我的网站上添加了一个标题图片:

#header_area {
    background: url('my_header_image.com');
    background-repeat:no-repeat;
    background-position: top center;
}

我的网站响应除了标题.

有没有办法使我的标题响应？

我正在使用socket.io并向客户端发送一条消息,其中包含应附加到div的数据:

socket.on('new data', function(data){
    $('#container').append('<div id="newDATA">data</div>');
});

它工作正常,但有没有办法让它将数据颠倒过来？我的意思是,不是将数据附加到旧数据下面,而是在上面追加.喜欢:

data3(最新)

DATA2

数据1

我想知道如果你可以使用javascript,使用CSS表达式是否有意义.

哪个更好或更快？

CSS表达式是否与禁用的js一起使用？

我想仅在输入类型为Checkbox时应用投影滤镜.以下工作正在进行

input {     
    filter: expression("progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
}

但是我想在其中包含this.type =='checkbox'.有点像这样

input {
    filter: expression(this.type=='checkbox' ? "progid:DXImageTransform.Microsoft.Alpha(opacity=100)":"");
}

这不起作用.