html怎么给图片加倒影,用CSS3实现图片倒影效果，同时给出兼容早期版本IE的方案...

在CSS3中，可以使用 `box-reflect` 属性来实现给图片加倒影的效果。不过，由于该属性不被早期版本的IE浏览器所支持，我们需要使用一些其他的方法来实现兼容性。

以下是使用CSS3实现图片倒影效果的代码：

img {
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));
    box-reflect: below 0px linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5));
}

上述代码中，我们使用了 `-webkit-box-reflect` 和 `box-reflect` 属性来实现倒影效果。其中，`-webkit-box-reflect` 是针对WebKit浏览器的私有属性，而 `box-reflect` 则是标准属性。

如果要兼容早期版本的IE浏览器，则可以使用 `filter` 属性来实现倒影效果，具体代码如下：

img {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    filter: flipv;
}

上述代码中，我们使用了 `filter` 属性来实现倒影效果。其中，`-ms-filter` 是针对IE浏览器的私有属性，而 `filter` 则是标准属性。在IE浏览器中，我们使用了 `progid:DXImageTransform.Microsoft.BasicImage` 过滤器来实现镜像效果。