> 웹 프론트엔드 > HTML 튜토리얼 > background 图片设置问题_html/css_WEB-ITnose

background 图片设置问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:40:58
원래의
1537명이 탐색했습니다.

css url

background:url(../images/gif.jpg) ;
这个显示没有认为错误,就不说了。
background:url(../images/gif.jpg) no-repeat right bottom;
这个显示不出来图片,我也知道因为图片显示在右下角,可能在可视区域看不到而已,
我想问的是,如果是可视区域看不到应该会有滑条的出现啊,也没有,给人的感觉似乎这个图片根本无法出现。。。。。

回复讨论(解决方案)

代码有问题,你是设置的是背景图片,而不是真实的图片,所以没人会知道网站最长会有多长,
背景图片只是你网站大小有多少,则显示多少。

可能的问题
1.路径不对
2.背景图片太大了,没有显示全,只看到背景图片的一部分,可以通过调节background-position的top和left来设置。

背景图片的定位 并不能决定是否有滚动条,
滚动条的出现时取决于当前容器overflow属性

要设置宽度和高度 或者给个默认的宽度和高度
background:url(../images/gif.jpg) no-repeat right bottom 100px 100px;

要设置宽度和高度 或者给个默认的宽度和高度
background:url(../images/gif.jpg) no-repeat right bottom 100px 100px;
试着设置一下。

楼上五楼的正解。。。。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿