代码无法兼容IE较低版本的问题！-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：4-1 编程挑战

Y习惯你管

2015-10-16 15:49

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

写回答关注

4回答

邢旭叔叔

2015-10-20 17:30:17

<!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://img.mukewang.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>

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

2015-10-16 16:06:20

你加上这句试试

0 0
愁晴

2015-10-16 16:04:49

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

0 0
Y习惯你管

2015-10-16 15:52:44

这个是效果图

0 0

CSS Sprite雪碧图应用

必学的大型网站实用技术，让你快速掌握CSS Sprite雪碧图技术

47092 学习 · 241 问题

查看课程

相似问题

这代码有问题吗？为什么雪碧图没有完整的出来？

回答 1

是我的代码有问题么？为什么做出来的效果跟老师演示的不一样呀？

回答 1

求大神看看我的代码~~

回答 8

下面是我写好了的程序我想请问各位大神我的代码还有哪些应该注意的问题？？？

回答 3

分享一下代码！

回答 1

打开慕课网App查看更多内容