浏览器兼容教程

关注公众号 jb51net

关闭
网页制作 > CSS > 浏览器兼容教程 >

IE下使用form时所在行被撑高的解决方法

脚本之家

IE下使用form时,默认的行高会大于其内容的行高,在布局时,会出现如下我们不想要的效果
 
我们期望是这样,在FF和chrome可以实现下面的效果,但IE不行
 

解决方法:在form中加上style将form的内边距和外边据去掉


<form action="FrontHotelSearch" method="post" onsubmit="search()" style='padding:0px;margin:0px;'>

说道IE和FF ,chrome的兼容问题,今天在写项目的时候,也发现<img 标签中的alt 提示文字 只能在IE中实现效果

在FF,chrome不能实现,解决方法:将alt 代替成title 。

作此笔记,便于以后查阅