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

技术分享



<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>


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。