IMG style 失效了，怎么办？

在不同的网站使用HTML代码各有不同的语法要求，即使同一个网站里，只要网站有改变，代码也必须跟着变，才能达到原有的效果，这是对代码爱好者的一个挑战和学习机会。

昨晚发现有些昨天下午还能用的 img style="……"图片滤镜效果代码，现在竟然已经不能用了，晕！

经过调试後，终于找出解决方法，现在只好改用 div style 来取代 img style

1）模糊滤镜效果
原来的模糊滤镜代码是：

代碼:

<p align=center><img style="filter:alpha(opacity=100,style=2,finishopacity=0)" src="图片网址" width=图片宽度 height=图片高度></p>

现在必须改成：

代碼:

<center><div style="filter:alpha(opacity=100,style=2,finishopacity=0); width:图片宽度px; height:图片高度px"><img src="图片网址" width=图片宽度 height=图片高度></div></center>

效果：

2）图片边框
原来使用的代码是：

代碼:

<center><img src="图片网址" width="图片宽度" style="border:23px #00ffff ridge"></center>

现在必须改成：

代碼:

<center><div style="border:边框厚度px 边框颜色 边框形状; width:图片宽度px; height:图片高度px"><img src="图片网址" width=图片宽度 height=图片高度></div></center>

效果：

3) 左右翻转效果：
原来使用的代码是：

代碼:

<center><img style="filter:flipH" src="图片网址"> &nbsp;<img src="图片网址"></center>

现在必须改用div，但加了div後两个对镜效果的图片位置无法在同一水平上，因此必须设定定位参数，使两个图片在同一线上（定位数字必须根据图片大小调试决定）。代码改成：

代碼:

<div style="width:730px; height:200px; overflow:hidden"><div style="left:70px; position:relative; top:0px; filter:flipH; width:200px; height:200px"><img src="http://www.pictures88.com/p/angel/angel_062.gif" width=200></div><div style="left:300px; position:relative; top:-200px; width:200px; height:200px"><img src="http://www.pictures88.com/p/angel/angel_062.gif" width=200></div></div>

4）上下翻转效果：
原来使用的代码：

代碼:

<img src="图片网址" style="filter:FlipV">

现在必须改成：

代碼:

<div style="filter:flipV; width:图片宽度px; height:图片高度px" align=center><img src="图片网址" width=图片宽度></div>

效果：

今天在做帖过程中，发现了另一个解决 img style 失效的方法，就是用 input 取代 img。记录如下：