IE下无法显示相对路径的图片但Chrome没问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 实现ie兼容 -->
<meta http-equiv="X-UA-Compatitle" content="IE=edge"/><!-- 浏览器的文档模式按最新的ie来渲染 -->
<title>being search</title>
<style type="text/css">
body{background-color: #333;}
.bg-div{ width:1366px; height: 768px; background:url(/img/bg.png); margin:0 auto;position: relative;}
.logo{background-color:red; width:107px; height: 53px;float: left;margin:-4px 18px 0 0;}
form{float: left; background: #fff;padding:5px;
opacity:0.2;
filter:alpha(opacity=20); /* 针对 IE8 以及更早的版本 */
}
form .search-input-text{border: 0;float: left;height:29px;line-height: 29px;outline:none;width: 350px;background: #fff;color:rgb(18, 21, 62);font-size: 25px;font-weight: bold;}
.search-input-button{border: 0;background: url(/img/02.png)no-repeat;width: 29px;height: 29px;float: left;}
.search-box{position: absolute;top: 200px;left: 300px;}
form:hover{opacity:0.6;filter:alpha(opacity=60); }
</style>
</head>
<body>
<div>
<div> <!-- 这一层用来实现logo和form的定位 -->
<div></div>
<form>
<input type="text"/>
<input type="submit" class="search-input-button" value=""/>
</form>
</div>
</div>
</body>
</html>
