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

Question

请查看我的网站 http://www.visioville.fi/en/供引用(visioville.fi/styles.css 最新样式)

• CSS3 Transitions 已用于首页的新闻框和作品示例(或图库)中。它们在最新的浏览器上运行良好，但是旧的浏览器版本(例如 IE)呢？是否有可以仅分配给某些浏览器的代码(例如，我可以告诉较旧的 IE 浏览器只弹出大图库图片而不进行任何“转换”，以避免出现问题/损坏图库)吗？

• 我从 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 没有任何问题。 transition-property 仍处于工作草案中，因此尚未正式完成。这就是为什么 w3c 验证器不知道新属性或验证器不知道这个 css 简写的原因。