ie8兼容 placeholder的显示 border-r

引入jq之后，，，引入以下代码可以解决ie8input框placeholder不显示的问题

<script type="text/javascript">
    if( !('placeholder' in document.createElement('input')) ){
        $('input[placeholder],textarea[placeholder]').each(function(){
            var that = $(this),
                text= that.attr('placeholder');
            if(that.val()===""){
                that.val(text).addClass('placeholder');
            }
            that.focus(function(){
                if(that.val()===text){
                    that.val("").removeClass('placeholder');
                }
            })
                .blur(function(){
                    if(that.val()===""){
                        that.val(text).addClass('placeholder');
                    }
                })
                .closest('form').submit(function(){
                if(that.val() === text){
                    that.val('');
                }
            });
        });
    }
</script>

另外：兼容je8时使用pie.htc的坑 设置了border-radius和filter滤镜之后border-radius就被覆盖了。。。原因：pie.htc本质上用的是filter滤镜，所以不能同时设置。

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
border-radius: 6px;
behavior: url(/homelte/css/PIE.htc);