您的位置：首页 > 其它

在IE6，7下输入类型的表单控件输入文字的时候，背景图片会跟着一块移动

2014-03-31 22:44 106 查看
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

.box{ width:100px;height:30px;border:1px solid red;background:yellow; background:url(ball.png) no-repeat;}

input{width:100px;height:30px;border:none;margin:0;padding:0; float:left; background:none;}

/*

在IE6，7下输入类型的表单控件上下各有1px的间隙

解决办法:给input加浮动

在IE6，7下输入类型的表单控件加border:none;

解决办法: 重置input的背景

在IE6，7下输入类型的表单控件输入文字的时候，背景图片会跟着一块移动

解决办法: 把背景加给父级

*/

</style>

</head>

<body>

<div class="box">

<input type="text" />

</div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航