今天遇到一个问题，在IE浏览器下，使用label FOR radio后，label中的图片无法选中。例如，这样的代码 <input type="radio" name="radio" id="a" /><label for="a"><img src="/Labs/images/logo.gif" /></label> ，这种情况下，点击label的图片将无法选中radio选项。解决这个问题，目前可以有三种方法，分别是通过JS、CSS或者HTML代码3个方面来解决。
方法一，JS：
window.onload = function(){
if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows")>-1)
{
var a = document.getElementsByTagName("label");
for(var i=0,j=a.length;i<j;i++){
if(a[i].hasChildNodes && a[i].childNodes.item(0).tagName == "IMG")
{
a[i].childNodes.item(0).forid = a[i].htmlFor;
a[i].childNodes.item(0).onclick = function(){
var e = document.getElementById(this.forid);
switch(e.type){
case "radio": e.checked|=1;break;
case "checkbox": e.checked=!e.checked;break;
case "text": case "password": case "textarea": e.focus(); break;
} } } } } }
方法二，CSS：
在图片上覆盖一个容器，容器本身透明显示
<input type="radio" name="radio" id="a" /><label for="a"><img src="xxx.jpg" /><span></span></label>
将其中SPAN的属性设定有底色并且透明，SPAN覆盖到IMG上，并保持和图片同样的尺寸。
display:block;
width:100px;
height:100px;
background:url(xxx.png) no-repeat 0 0;
position:absolute;
left:0;
top:0;
方法三，THML代码控制：
在IMG中加一个属性，disabled 即可。
三种方法都是可行的解决方案，从实用方面，当然是第三种方法最简单，操作和实施起来最快，兼容性也好。问题是，以上仅仅是这种情况下的解决方法，如果从经验方面，三种方法都有自己的优势。
IE8 推出以后，大约网络中也会不少的反应，这个新的浏览器在没有什么预期的情况下冒出了脑袋，把所有的网站吓了一下。其中最忙以及最郁闷的应该是这些网站的前端设计师，一些的标准让人受不了，很多CSS代码开始适应不了，出现头晕脑胀状态。在大环境的驱动下，小站点似乎并没有什么反应，很多大型的门户却是出现走版甚至不能使用的状态。浏览了一些目前比较流行以及知名度高的网站，比如Yahoo、新浪、阿里巴巴、亚马逊、TOM等等，都出现了或多或少的走样情况，最惨的是TOM，信息无法载入。
IE7.0更新信息是最近的流行话题，这个占绝对市场优势的浏览器一直以来都倍受关注，浏览器更新牵涉到很多方面，比如中文域名或者浏览器地址栏竞争。测试的结果是：支持中文域名的输入；地址栏默认搜索是Google搜索结果（为什么不是Live搜索，这点让人惊讶；或者说微软不希望在推出新浏览器的时候接受负面信息，安抚GFans的心？或者说我是通过Yahoo下载的版本关系）；其他的比如分页效果以及多个默认主页设计都值得体验。