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

网页背景图片,网页,背景,图片网页背景图片(如何固定网页背景图片)网页背景图片网页制作中设置背景图片的具体方法: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)

相关推荐

  • 背景图片可爱(蓝色背景图片)

    蓝色,背景,图片背景图片可爱(蓝色背景图片)背景图片可爱1.甜甜的爱情轮不到我,原味的也能够。2.每次和我爸吵架,我都想告知他,你知不知道外面有多少人想当我爸爸。3.星星是银河递给月亮的情书,你是国际赠与我的礼物。4.麻

    阅读 2021年12月18日
  • 发型图片女(烫发图片女中长发)

    烫发,图片,女中长发发型图片女(烫发图片女中长发)发型图片女第一款:大波涛烫发本年最盛行这种大波涛的烫发发型,大大的波涛卷度规划,给人一种很优雅很大气的气味,诚心美腻,这款中长发,仅仅发尾做了两个卷度的大波涛规划,看起来

    阅读 2021年11月23日
  • 有意境的图片(雪景图片大全唯美)

    雪景,图片,唯美有意境的图片(雪景图片大全唯美)有意境的图片1.雪花漫天卷地落下来,犹如鹅毛一般,纷纷扬扬。悄悄地悄悄地落在房顶上,落在草地上,落在山峰上。一瞬间,大地一片雪白,好象整个国际都是银白色的,闪闪发光。雪落在

    阅读 2021年12月22日
  • 唯美意境图片(高清唯美图片大全)

    唯美,意境,图片唯美意境图片(高清唯美图片大全)唯美意境图片1、绽放在枝头的梨花,摇曳在春风之中,虽不比桃花的玫瑰美丽,牡丹的华贵富荣,更不比郁金香的奥秘经纶,却一朵朵的俏美纤秀。美而不娇,倩而不俗,似玉一般洁白,沁人心

    阅读 2021年10月20日
  • 背景图片简约(简约的意思)

    背景,图片,简约背景图片简约(简约的意思)背景图片简约在快餐感情肆意横行的年代里,我想慢慢来也是一种诚心。或许全部没那么糟或许全部刚刚好“请保持心脏震动因为有人等你共鸣”别拿以前的事来衡量现在的人

    阅读 2021年12月11日
  • qq名片背景图片(QQ名片自定义)

    qq名片,背景,图片qq名片背景图片(QQ名片自定义)qq名片背景图片1、把一般的日子过得浪漫一些2、不太正经的相片3、这条朋友圈屏蔽了俗人4、还没过期的相片5、遇上有趣的人和相片6、宝藏7、小日子8、发现人世美9、暗里

    阅读 2021年12月19日