网页背景图片(如何固定网页背景图片)

网页背景图片,网页,背景,图片网页背景图片(如何固定网页背景图片)网页背景图片网页制作中设置背景图片的具体方法:1、新建一个html文档,如图所示2、首要链接图片位置,如图所示,输入3、然后在head标签里输入body{

  网页背景图片

网页制作中背景图片设置的具体方法;

1.创建一个新的html文档,如图所示。

2.主链接图片的位置,如图,输入

3.然后输入标题标签。

正文{

margin:0px

padding:0px

4.再次输入以下代码

#bg{

宽度:100%;

高度:100%;

top:0px

left:0px

位置:绝对;

}

5.最后,按f12预览查看背景图片。

网页背景

  如何固定网页背景图片

对于不规则的图片,在缩小屏幕时,图片适当向左移动,但为了不遮挡左边的文字,移动到一定位置后图片就固定了。

方法:

设置背景图片的宽度和绝对位置,使图片在页面上浮动。然后在js中判断当前窗口大小。当页面足够小,导致图片挡住左边的文字时,给图片添加左属性,这样图片就不会再向左移动(如果文字在右边,添加右属性)。

超文本标记语言

身体

img class=' BAckIMg ' src=' img/BAckIMg . png '

divided=' container '

/div

/body

钢性铸铁

正文{

margin:0px

最小宽度:1920像素;

最小高度:800 px;

飞越:隐藏;

}。backImg{

宽度width:1530px

位置:绝对;

right:0

top:0

}

#容器{

位置:固定;

bottom:250px

宽度width:383px

display:flex

flex-direction :柱;

justice-content : center;

左边距left:131px

网页背景图片

}

window . onload=function(){ 0

if($(窗口)。width()=1660){ 0

$('.backImg ')。attr('style ',' left:150px');

}

}

$(窗口)。调整大小(函数(){ 0

if($(窗口)。width()=1660){ 0

$('.backImg ')。attr('style ',' left:150px');

}

else{

$('.backImg ')。remove attr(' style ');

}

})

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/77254.html

(0)

相关推荐

  • word背景图片怎么铺满(图片改成word文档)

    word,背景图片,怎么,铺满,图片,改成,文档,word,word背景图片怎么铺满(图片改成word文档)word背景图片怎么铺满图片改成word文档首要咱们来做第一步,在电脑上翻开咱们拍照或扫描的图片即咱们要将图片转

    阅读 2021年10月25日
  • 心凉的图片(心情图片)

    心情,图片,心凉心凉的图片(心情图片)心凉的图片1、这个国际上过得好的人,大部分是该吃吃,该喝喝,该装扮装扮,该读书读书,追求一定根底的物质,再花钱让自己精神愉悦一下的接地气的不清新也不脱俗的普通人。2、做事不需要人人都

    阅读 2021年11月27日
  • 帅气图片(好看的头像图片)

    帅气,图片,头像帅气图片(好看的头像图片)帅气图片突然喜欢惊鸿一瞥这个词,一见钟情太浅薄,日久生情太苍白,别人眉来眼去,我只要看你一眼。晚安~我性质传统不知怎么表达爱意。太浓烈我不习惯,太平平又怕厌恶,所以我知道,我不会

    阅读 2021年11月12日
  • 手机背景图(背景图片简约)

    背景,图片,简约手机背景图(背景图片简约)手机背景图1.想和你喝酒是假的,想醉你怀里是真的。2.许多人一生只做了“等待”与“懊悔”两件事,合起来叫“来不及&rd

    阅读 2021年12月6日
  • 背景图片淡雅(淡雅背景图片)

    背景,图片,淡雅背景图片淡雅(淡雅背景图片)背景图片淡雅1.若晴天和日,就静赏闲云。若雨落敲窗,就且听风声。若流年有爱,就心随花开。若时光逝却,就珍存过往。2.愿得一人心,白首不相离。君记我一瞬,我念君半生。3.我还是很

    阅读 2021年11月7日
  • 情人节图片(七夕专用配图)

    情人节图片,情人节,图片情人节图片(七夕专用配图)情人节图片1.做你独爱,温顺且甜,甜蜜且乖。2.小王子说,这个世界有几千几万朵玫瑰,但便是这一朵,才是属于我自己的玫瑰。3.我是心爱的女孩子。我是心爱。4.人世有风,有雨

    阅读 2021年10月22日