IE8下label不能点击、样式出错

最近又踩了一个坑。

坑的不明显,后果很严重。。。

公司上月上线了一个网站,主要功能是表单注册那块。。今天我收到消息说IE8下有问题。我去看了下表单的那部分,真的是坑啊。。。我用字体模拟的复选框,套在一个label里面,各大浏览器都好好地可以模拟成功,IE8下直接动也不动了。。。后来没办法,简单粗暴地把label改成了span(改成其他也可以。。)

点击解决了,又发现其他有个地方是插件生成的label,样式直接崩了。。。改插件?问题是以后还能不能愉快地用label了?

就因为这个label,推广的人说发了一万封邮件,最后只有十几个人注册。。。因为大部分用户用的是360、IE8,也怪自己当初没有仔细的检查过个浏览器兼容情况。少侠们多多注意。

时间: 2024-08-12 18:13:41

IE8下label不能点击、样式出错的相关文章

IE7、IE8下ajax加载内容样式无法生效的解决办法

最近做一个项目,采用JQuery的Ajax进行页面局部替换显示,在FF里面显示都正常,但是在IE8下面走样,只能显示部分效果.一开始我也怀疑是不是Ajax返回的HTML内容格式.编码等出了问题,删除部分页面内容进行测试,依然在IE8下"不屈不挠"......然后开始百度.AOI. 最后这句话解决问题:把一个dom元素的display状态切换一下,可以让IE重新渲染和加载css. 网友的一段代码: <script type="text/javascript"&g

input 的 placeholder属性在IE8下的兼容处理

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文 处理思路: 新添加一个标签,模仿placeholder属性 直接上代码: css部分: 1 .input-item

IE8下div中2个按钮只显示一个

IE8下div中2个按钮只显示一个,代码如下: <div id="adviceType" style="display: none;" > <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" > <option value="-1">--请选择--</option

IE8下div中2个button仅仅显示一个

IE8下div中2个button仅仅显示一个,代码例如以下: <div id="adviceType" style="display: none;" > <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" > <option value="-1">--请选择--<

IE8下JQuery clone 出的select元素使用append添加option异常解决记录

遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefox和chrome浏览器上都没有问题,在IE10下也没有问题, 但是在IE8下就出现问题,使用append添加option后,IE8上就显示不出来新添加option. 示例代码如下,对于clone出的第二个select有问题,但是通过打印,发现添加后的option数目是正确的3个. 这个就太令人费解了

android selector(如对TextView点击样式改变)

selector 1.selector 从单词的意思来说:选择者,选择器,就是对你的目标的控制. 从API来说: A controller for the selection of SelectableChannel objects. Selectable channels can be registered with a selector and get a SelectionKey that represents the registration. The keys are also add

bootstrap在ie8下,兼容媒体查询

最近使用bootstrap做网站的时候发现,在ie8下的媒体查询一直失效: 后来解决了,做如下记录: 1.必须运行在服务器下 2.hack 条件语法,如下: <!--[if lte ie 9]> <script src="js/html5shiv.min.js"></script> <script src="js/respond.min.js"></script> <![endif]--> 这样

ie8 透明背景不能点击问题

最近开发网站,需求是三个一屏,1和3只能看见一半,2显示在中间,无箭头按钮. 因为之前写过一个有前后按钮的插件,想着怎么就在这上面改造,故把前后按钮去掉背景,定位在了1和3的位置上来实现点击前后, 发现按钮在ie8下无论如何修改层级,按钮都不行,于是百度,后来得知这是ie的bug,透明背景的元素会导致click事件失效.非常遗憾. 故又要回到修改脚本或加上透明背景png.

android TextView selector点击样式改变)

1.selector 从单词的意思来说:选择器,就是对你的目标的控制.selector主要是用在ListView的item单击样式和TextView和Button的点击样式. 2.主要属性介绍: android:state_selected选中 android:state_focused获得焦点 android:state_pressed点击 android:state_enabled设置是否响应事件,指所有事件 3.下面通过例子来说一下selector对TextView设置: 1).在res下