HTML和CSS——背景图固定

相关文章推荐

侠义非凡的剪刀 · XML简介与CDATA解释 - ...· 2 周前 ·

谈吐大方的啤酒 · sql server——子查询 - 姜承轩 · 2 周前 ·

飘逸的饭卡 · python移动文件问题 - ...· 2 周前 ·

温柔的小蝌蚪 · 如何在opencv对图像中一个区域涂色呢？ ...· 1 周前 ·

曾经爱过的松树 · 批量 kill mysql ...· 1 周前 ·

单身的跑步鞋 · .msh文件如何在paraview中读取_编 ...· 1 年前 ·

寂寞的酱牛肉 · 正则表达式---------------嵌套 ...· 1 年前 ·

爽快的石榴 · Qt编译报错QObject::connect ...· 1 年前 ·

没人理的瀑布 · server-side-events(SSE ...· 1 年前 ·

给背景图片设置宽度和absolute定位，使得图片浮于页面。然后在js里边判断当前窗口大小，当页面小到会致使图片遮挡左侧文字时，给图片添加left属性，这样图片就不会再向左移动了（如果文字在右侧就添加right属性）。

< img class ="backImg" src ="img/backimg.png" > < div id ="container" > </ div > </ body >

body {
    margin: 0px;
    min-width: 1920px;
    min-height: 800px;
    overflow: hidden;
.backImg {
    width: 1530px;
    position: absolute;
    right: 0;
    top: 0;
#container {
    position: fixed;
　　 bottom: 250px; 
　　 width: 383px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 131px;
window.onload=function(){
    if($(window).width()<=1660){
        $('.backImg').attr('style','left:150px;');
$(window).resize(function(){
    if($(window).width()<=1660){
        $('.backImg').attr('style','left:150px;');
    else{
        $('.backImg').removeAttr('style');

推荐文章

侠义非凡的剪刀 · XML简介与CDATA解释 - jenson138

2 周前

谈吐大方的啤酒 · sql server——子查询 - 姜承轩

2 周前

飘逸的饭卡 · python移动文件问题 - zhangyao2018

2 周前

温柔的小蝌蚪 · 如何在opencv对图像中一个区域涂色呢？ - hailong

1 周前

曾经爱过的松树 · 批量 kill mysql 中运行时间长的sql - 思齐_

1 周前

单身的跑步鞋 · .msh文件如何在paraview中读取_编程语言-CSDN问答

1 年前

寂寞的酱牛肉 · 正则表达式---------------嵌套的分组 - a fine day - 博客园

1 年前

爽快的石榴 · Qt编译报错QObject::connect: Cannot queue arguments of type ‘xxxxxx‘_希望coding不秃头的博客-CSDN博客

1 年前

没人理的瀑布 · server-side-events(SSE)开发指南（Node） - 知乎

1 年前