chrome浏览器，背景图片position设置问题

首页课程实战体系课手记专栏慕课教程

来源：2-11 background-position

慕村0193792

2018-10-24 14:32:19

老师，我的代码如下，在chrome浏览器打开后，图片显示的不是在div元素的居中位置，而是在整个屏幕的居中位置。换成数字、百分比、其他值，也是根据整个屏幕来而不是根据div元素的宽高来，请问这是什么原因？

<!DOCTYPE html>

<html>

<head>

<title>background-image</title>

div{

width: 1200px;

height: 1500px;

background-image: url(3723.jpg_wh1200.jpg);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

padding: 10px;

margin:5px;

border: 2px solid;}

</style>

</head>

<body>

<div>

background-image

</div>

</body>

</html>

写回答

1回答

好帮手慕夭夭

2018-10-24

已采纳

你好同学 ,background-attachment: fixed;是相对于浏览器视口定位的 , 设置了此属性的背景图不会随着页面滚动而滚动 ,永远固定在视口的一个位置上 . 所以如果想相对背景图片的容器定位 ,可以使用如下属性 :

希望能够帮到你 , 祝学习愉快 ,望采纳

0 学习 · 36712 问题

查看课程

相似问题

背景图片的显示方式

回答 1

怎么设置背景图片大小啊

回答 3

老师，请问如何设置背景图片的宽高呢？

回答 2

这段代码为什么在不同浏览器显示不一样有些背景图片纵向重复？

回答 1

块级元素插入背景图时如何设置位置

回答 2

打开慕课网App查看更多内容