IE1px, bug 解决思路
来源:互联网 发布:淘宝上买东西怎么便宜 编辑:程序博客网 时间:2024/04/30 03:49
针对下面这个简单的例子,了解一下以后解决IE 1px bug的方法。就是用相对定位。
原来的效果:
<body style="background-color:#cccccc">
<div style="
float:left;
display:inline;
margin:0px 2px;
border:0px;
width:50px;
height:16px;
line-height:16px;
background-color:#000000;
text-align:center;
font-size:0px;">
<input type="text" id="" value="" style="
width:50px;
height:16px;
line-height:16px;
border:0px;
text-align:center;
margin:0px;
padding:0px;">
</div>
</body>
修改之后,
<body style="background-color:#cccccc">
<div style="
float:left;
display:inline;
margin:0px 2px;
border:0px;
width:50px;
height:16px;
line-height:16px;
background-color:#000000;
text-align:center;
font-size:0px;
position:relative;">
<input type="text" id="" value="" style="
width:50px;
height:16px;
line-height:16px;
border:0px;
text-align:center;
margin:0px;
padding:0px;
position:absolute;
left:0;
"></div>
</body>
一共加了三行代码,就解决了。当然还可以直接把 background-color:#000000;去掉。
这么做主要是以这个问题为例,解决ie有时候莫名其妙的产生1PX的BUG,以后就可以用这种相对定位的方法解决。这只是一种解决方法的思路。
- IE1px, bug 解决思路
- 挂起bug的解决思路
- 项目中bug的解决思路
- 项目中bug的解决思路二
- object-c万能解决bug思路
- Android解决bug的思路:追本溯源
- 工作问题或者程序bug产生,解决思路
- NSURLConnection 文件下载的BUG及解决思路、方案
- 自己在Web前端项目中解决bug的思路
- 一些值得记录的bug,以及解决思路与反思
- 【jquery】解决轮播图鼠标快速移入移出导致bug思路
- 用HBuilder写前端页面常见Bug解决思路
- input框进行搜索遇到bug解决思路小感
- 干掉系统bug思路
- 解决类似 BUG: soft lockup - CPU#2 stuck for 67s! 问题的思路
- 解决类似 BUG: soft lockup - CPU#2 stuck for 67s! 问题的思路
- 【Hadoop】Hadoop2.7.3执行job下来几个bug和解决思路
- POI处理excel文件中的日期格式数据bug的解决思路及方法
- 函数(类)模板与模板函数(类)的区别?
- Memo @ 04/14/2009 14:34
- MVC
- Net time命令的简单应用
- Adobe Alchemy 的安装测试
- IE1px, bug 解决思路
- Javascript: 为input设置readOnly属性
- Java调用SQL Server的存储过程详解
- 范式哈夫曼编码实现
- 文字编码
- 2003 server下,IE6不能登录淘宝会员的解决方法
- pkg-config命令
- 分布式 Ejb
- 什么是JAVA