- 首先看一下页面实现效果
- 整个页面主要包括页面背景,logo,搜索框,搜索按钮
- 这里实现了页面在1000px内缩放时页面背景固定,代码如下:
background-image: url(bg.jpg); position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width:1000px; z-index: -10; zoom:1; background-color: #fff; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0;
- 下面贴上完整代码
<!doctype html> <html> <head> <title>bing search</title> <!--解决浏览器兼容问题--> <meta http-equiv="X-UA-Compatible" con