background 图片设置问题_html/css_WEB-ITnose
程序员文章站
2024-04-02 20:10:46
...
css url background:url(../images/gif.jpg) ;
这个显示没有认为错误,就不说了。
background:url(../images/gif.jpg) no-repeat right bottom;
这个显示不出来图片,我也知道因为图片显示在右下角,可能在可视区域看不到而已,
我想问的是,如果是可视区域看不到应该会有滑条的出现啊,也没有,给人的感觉似乎这个图片根本无法出现。。。。。
这个显示没有认为错误,就不说了。
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;
试着设置一下。
楼上五楼的正解。。。。
推荐阅读
-
background 图片设置问题_html/css_WEB-ITnose
-
bootstrap问题 高手在哪里?_html/css_WEB-ITnose
-
关于前台控件布局的问题_html/css_WEB-ITnose
-
网站会员登录及评论代码修改问题_html/css_WEB-ITnose
-
子元素增加margin-top会增加给父元素的问题_html/css_WEB-ITnose
-
css中的background属性_html/css_WEB-ITnose
-
IE浏览器下常见的CSS兼容问题_html/css_WEB-ITnose
-
【安卓】Fresco动态设置圆角后图片颜色渗出的问题
-
glide设置成圆角图片 以及解决刷新图片闪烁的问题
-
JSP解决图片缓存问题 博客分类: Ajax/JS/JSP/HTML5 JSPIECache