旧版浏览器的CSS Transition Validation错误和支持/解决方案

Question

请参阅我的网站http://www.visioville.fi/en/以获取参考（visioville.fi/styles.css获取最新款式）

• CSS3过渡已在首页的新闻栏和工作样本（或图库）中使用。它们在最新的浏览器上运行良好，但是旧的浏览器版本（例如IE）呢？是否有可以分配给某些浏览器的代码（例如，我可以告诉旧的IE浏览器只是弹出大画廊图片而没有任何“过渡”，以避免问题/破坏画廊）？

  < / LI>

• 问题是我从CSS Validator获取所有转换的错误，例如：

  .big ul li img Property transition doesn't exist : width 1s ease
  

  我的代码说：

  .big ul li img { transition: width 1s ease; }
  

提前致谢。

Answer 1

1. 这样做的最佳方法是使用渐进式增强功能。这意味着简短：在没有JS和CSS3的情况下编写您的图库（例如，通过新窗口打开图片），然后应用CSS3然后应用JS。

2. 你的CSS没什么问题。过渡财产仍处于工作草案中，因此未正式完成。这就是为什么w3c验证器不知道新属性或验证者不知道这个css简写。

Answer 2

因为oldrr浏览器不支持转换，所以它们会忽略它，并且样式更改将在没有动画的情况下发生。

关于你的验证：我想这是因为它可能是因为你的验证器没有验证css3？另外，请确保使用te供应商前缀（例如-webkit-）或类似-prefix-free的脚本动态添加它们。