CSS修改方法
1.在IE中,大部分情况下默认margin = 0px padding = 0px,但在Chrome中需要写明
在css.css文件开头加上(要加在最上面)
html,body,ul,ol,li,table,td,div,p,form{margin:0px; padding:0px;}
2.在Chrome中可能无法继承父容器的vertical属性(未验证)
在mainpage.aspx中,Ln68中加上style="vertical-align:top",改成如下所示:
<td style="vertical-align:top">
<!-- ================= 系统公告 界面展开/收缩 ============================ -->
<%=GPARTONE %>
</td>
3.在Chrome中不支持cursor:hand, 将所有的cursor:hand改为cursor:pointer, IE也支持这种写法。
4.在Chrome中不支持display:block, 将所有css文件中的display:block改为display:none, IE也支持这种写法,脚本中的display="block"也要修改。
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function show() { window.document.getElementById("divTest").style.display = ""; }
function hide() { window.document.getElementById("divTest").style.display = "none"; } </script> </head> <body style="height:100%"> <input type="button" onclick="javascript: show();" value="Show"/> <input type="button" onclick="javascript: hide();" value="Hide"/> <div id="divTest" style="width:200px;height:200px;background-color:red;"></div> </body> </html> |
5. 在css.css文件中, Ln48, input的样式后加上image的样式
input
{
background-color:#f0f0f0;
font-size:9pt;
border-width:1px;
border-color:Gray;
/* height:
23px;*/
}
input[type="image"]
{
border:0px
none;
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。