码迷,mamicode.com
首页 > Web开发 > 详细

html搜索框实现及IE浏览器的兼容性

时间:2015-03-22 09:20:44      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:html

技术分享



<html>
<head>
<!--如下的meta 表示浏览器的文档模式 以最新版的IE模式   兼容性解决-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>soso</title>
</head>


<style type="text/css">


<span style="white-space:pre">	</span>body{ background-color:#333; margin:0 auto;}


   .div{ background-image:url(DSC00004.JPG); height:690px; width:1228px; margin:0 auto;}
   
   form{ float:left; background-color:#fff; padding:5px;}
  
  .submit{ border:none; background-image:url(ss.jpg); height:29px; width:29px; float:left;}
  
  .text{border:none; float:left; height:27px; width:250px; outline:none; line-height:29px; font-size:18px;}
  
   /*定位*/
  .box{position:absolute; left:400px; top:200px;}
</style>
<body>


<div class="div">
    <div class="box">
        <form>
         <input type="text"  class="text"/> <input type="submit" class="submit" value=""/>
        </form>
        </div>
</div>
</body>
</html>


html搜索框实现及IE浏览器的兼容性

标签:html

原文地址:http://blog.csdn.net/itlqi/article/details/44518441

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!