我有一些css将我的图像更改为灰度(有一些svg for firefox)
img.grayscale{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
但现在我希望悬停动画,将灰度值更改为0.
我有这个代码,但它没有做任何事情(当然在Chrome上),我不知道为什么它根本没有动画.
<script type="text/javascript">
$(".grayscale").hover(
function () {
$(this).animate({
'-webkit-filter': 'grayscale('0'%)'
}, 300);
}
);
</script>
我认为可以将%从100%设为0%,不是吗？
编辑:我正在尝试为所有浏览器做,不仅是铬,但我在chrome上进行测试,这就是为什么我没有改变所有属性.我想当我找到chrome的答案时我会为其他浏览器做同样的事情:)
<?php
if(isset($_POST['submit'])){
header('Location: http://www.rate.ee');
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
</title>
</head>
<body>
<input type="submit" name="submit" id="submit" class="button" value="Submit"/>
</body>
</html>
这是我的代码.很简单,不是吗.但它不起作用,我不明白..我一直认为PHP只在我加载页面时执行,但是我使用相同代码的另一个页面在没有JS的情况下工作得很好..
iOS6 上的 Safari 似乎对 display:table 的处理方式不同（与 iOS5 上的 Safari 和我 PC 上的 Safari 相比）。
在 iOS5 上，display:table强制 div 进入box-sizing: border-box mode，并忽略任何覆盖框大小的尝试。
在 iOS6 上， display:table 强制一个 div 进入box-sizing: content-box mode，并且也忽略了任何覆盖的尝试。
结果是在 iOS5 上DIV DISPLAY:TABLE WIDTH 250px PADDING-LEFT: 50PX会很250px宽，在 iOS6 上会是300px 宽。
我的问题：我对此的理解是否正确？是否有一种简单的方法可以使 DISPLAY:TABLE 的 div 和左填充在 iOS5 和 iOS6 上具有相同的宽度。
仅供参考，我使用 DISPLAY:TABLE 的原因是它允许我的内容简单垂直居中，其高度可变。