网页设计问题 background-attachment: fixed;为什么加入这句话图片就不见了,不加就看得到。

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>边框</title><style>.cla1{width:90... <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框</title>
<style>
.cla1{
width: 900px;
height:800px;
background: red url("ima/3.jpg") right 30px no-repeat ;
background-attachment: fixed;//!!!这里
}
</style>

</head>
<body>
<div class="cla1"></div>
<div></div>
<div></div>
</body>

</html>
展开
 我来答
千年不死樱
2017-02-03 · TA获得超过1万个赞
知道大有可为答主
回答量:3767
采纳率:72%
帮助的人:2541万
展开全部

当代码是

background:red url(2048/img/1.jpg)  right 30px no-repeat ;

的时候,图片是贴着div边框,而当代码加上

background-attachment: fixed;

的时候,图片是贴着窗口的,而你的div大小显然无法显示那么多(width值不够大)。

所以图片没显示。你把div的宽度调到2000px再试试就能看到图片了

歌者爸爸
2021-03-06
知道答主
回答量:1
采纳率:0%
帮助的人:517
展开全部
你把图片定位的right改为left或center就可以了。
如果你想图片在右边显示,那就增大宽度。
原因是:如果此时你把图片添加的位置是右边。那么添加此效果后图片会沿着有边框外边移动。此时边框水平大小显然会不足以显示图片全部,所以你看到一部分消失了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式