<button>标签里加交互性操作会有兼容性问题以及重绘问题。
2013-02-26 17:28
309 查看
比如
此时,把“请输入正确答案”外包裹的DIV的display:none 拿掉,chrome下竟然不会显示! 需要把整个父DIV重新显示/隐藏 才可以出现。
在IE下更夸张,里面的input type="text"根本无法点击和获得焦点。
所以,慎用<button>,早日用DIV代之。
<button class="btn gb_bt hide_poprelation" data-needquestion="1" data-fuin="c265e4bd629300c51b4cd47029b434f5151619af5841a620"><span>+QQ好友</span><div class="pop_relation " style="position:absolute;z-index:1000;left:0;top:30px;text-align:left;cursor:default;"><div class="friend_question" style="zoom:1;">请回答问题:<p class="question">我现在工作的公司</p><p><input type="text" class="py_question_answer"></p><div class="hint" style="padding:5px;display:none">请输入正确答案!</div></div><div class="tip_button" style="zoom:1;"><button class="bt_tip_hit">确认</button><button class="bt_tip_normal">取消</button></div></div></div>
此时,把“请输入正确答案”外包裹的DIV的display:none 拿掉,chrome下竟然不会显示! 需要把整个父DIV重新显示/隐藏 才可以出现。
在IE下更夸张,里面的input type="text"根本无法点击和获得焦点。
所以,慎用<button>,早日用DIV代之。
相关文章推荐
- <button> 标签 id 与 function 重复时发生的问题
- input、button、a标签 等定义的按钮尺寸的兼容性问题
- 关于DOM的操作以及性能优化问题-重绘重排
- <select>回显的几种方式以及struts2的标签
- <img>标签导致请求发送两次问题
- 前端性能优化--为什么DOM操作慢? 浅谈DOM的操作以及性能优化问题-重绘重排 为什么要减少DOM操作 为什么要减少操作DOM
- <!DOCTYPE> 标签与Extjs在IE下的兼容性探讨
- <a>标签中 href 和 onclick 的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别
- <a>标签内嵌<input type="image">在IE中链接失效问题
- <c:foreach>标签循环嵌套重复显示的问题
- 关于解决用<i>标签做图标不能显示的问题
- <s:iterator/>标签取循环索引的问题
- 学习笔记——JAVA反射<2>反射机制的效率问题和操作泛型
- HTML<button> 标签和<input type="button">的区别
- <table>标签 利用DOM 的方法和属性实现对表格的动态操作
- <已解决>使用selector设置Button按下松开的样式以及 <item> tag requires a 'drawable' attribute or child tag defining a drawable 报错
- <a></a>和<button></button>标签onclick事件嵌套传递参数
- <!DOCTYPE> 标签的深度剖析以及使用选择
- 在head标签里加一个meta标签让指定ie使用特定内核 解决css在ie中的兼容性问题
- 要命的<button>标签