为了账号安全,请及时绑定邮箱和手机立即绑定

代码无法兼容IE较低版本的问题!

一个比较完善的代码做好。。可惜不能向下兼容IE浏览器。 在IE较低版本中,鼠标点击文本或密码框后 光标的位置bug,以及登录和注册按钮背景空白无法显示bug。有木有大牛给个解决方法参考下?

正在回答

4 回答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

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


<style>

*{

    margin:0;

    padding:0;

}


form{

    width:200px;

    padding:5px 10px;

    background-color:lightblue;

}


.block {

    width:190px;

    height:38px;

    display:block;

    margin:10px 0;

    font-size:15px;

    text-indent:2em;

}


label,a{

    font-size:80%;

text-decoration:none;

}


label{

    margin-right:25px;

}


.button{

    border:none;

    background-image:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);

}


#signup{

background:url(sp.png)0 -38px;

display:inline;

}

</style>

</head>


<body>


<form>

    <input class="block" placeholder="邮箱/手机号/用户名">

    <input class="block" placeholder="请输入密码">

    <input type="checkbox" id="remember">

    <label for="remember">下次自动登录</label>

    <a href="#">忘记密码?</a>

    <!--<button class="block" id="login"></button>

    <button class="block" id="signup"></button>-->

    <div class="block"><input  class="button" type="button"></div>

    <div class="block"><input  class="button" type="button" id="signup"></div>

    

    

</form>



</body>

</html>

调一天了  就是 背景图片不显示  求大神指导 

0 回复 有任何疑惑可以回复我~

你加上这句试试


0 回复 有任何疑惑可以回复我~

<meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=10">

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5620acb600014e9e02530278.jpg这个是效果图

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

代码无法兼容IE较低版本的问题!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信