input搜索框实现--仿bing

最新推荐文章于 2023-01-15 13:25:33 发布

VIP文章 bigchubbyCat

最新推荐文章于 2023-01-15 13:25:33 发布

阅读量1.8k

点赞数

分类专栏： Javascript html JQuery

本文链接：https://blog.csdn.net/XYULILI/article/details/98208904

版权

首先看一下页面实现效果

整个页面主要包括页面背景，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&

最低0.47元/天解锁文章

优惠劵

bigchubbyCat

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
input搜索框实现--仿bing

首先看一下页面实现效果整个页面主要包括页面背景，logo，搜索框，搜索按钮这里实现了页面在1000px内缩放时页面背景固定，代码如下：background-image: url(bg.jpg); position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width...
复制链接

扫一扫