社区
JavaScript
帖子详情
如何设置div背景图片的大小
Diligence_
2011-12-14 04:15:46
我一个div 加了
background: url(img/map.jpg) no_repeat;
但是这map图片有一些大, 放到我的页面上不合适
我把 width 和 height 加在后面后 ,图片只显示出一部分, 这一部分就是我设置的大小
我怎样能让 背景图片完全显示 而且变小一些呢?
...全文
3479
8
打赏
收藏
如何设置div背景图片的大小
我一个div 加了 background: url(img/map.jpg) no_repeat; 但是这map图片有一些大, 放到我的页面上不合适 我把 width 和 height 加在后面后 ,图片只显示出一部分, 这一部分就是我设置的大小 我怎样能让 背景图片完全显示 而且变小一些呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
碧海情天-赵亮
2011-12-14
打赏
举报
回复
这是CSS3特性。对不支持CSS3的浏览器,就要用其它方法,比如<IMG>缩放。
碧海情天-赵亮
2011-12-14
打赏
举报
回复
background-size让你既可以直接缩放背景图来填充满这个区域,也可以让你先给背景图设置大小,然后以设置好的尺寸去平铺满这个区域
p2227
2011-12-14
打赏
举报
回复
我怎样能让 背景图片完全显示 而且变小一些呢?--》这肯定要使得图片缩小
map这张图片上是有相应的坐标显示对应的信息的 --》这决定了图片不能缩小
--》你只能扩大你的显示容器即div的大小
Diligence_
2011-12-14
打赏
举报
回复
[Quote=引用 4 楼 zhangsong1st 的回复:]
引用 2 楼 zsx841021 的回复:
只有去修改你的图片了
我也只能这样认为
[/Quote]
因为map这张图片上是有相应的坐标显示对应的信息的,我要是改变图片大小,就以为着坐标也要改,有没有办法能够简单的做到这点
借我那把枪吧
2011-12-14
打赏
举报
回复
[Quote=引用 2 楼 zsx841021 的回复:]
只有去修改你的图片了
[/Quote]我也只能这样认为
oggmm
2011-12-14
打赏
举报
回复
img标签时可以控制图片大小的
那么你可以通过img标签来模拟背景图片
比如
<div>
<img src="" alt="" />
<div>内容定义为绝对定位,让它浮于图片上面,那么上面的图片大小你就可以设置了</div>
</div>
三石-gary
2011-12-14
打赏
举报
回复
只有去修改你的图片了
Diligence_
2011-12-14
打赏
举报
回复
怎么没人啊。。。
css
设置
div
背景图片
大小
,适应宽度
问题: background-size:属性的auto值对于显示图像的原始
大小
(长度和宽度)很有用。 也是默认值。
css
div
背景图
大小
,
div
css如何改变
背景图片
大小
2016-07-08 00:20齐晓彬 客户经理一、网页单色背景 - TOP如果纯颜色的网页背景,只需要对body
设置
background背景颜色即可body{background:#FFF}
设置
网页背景为白色二、规律
背景图片
- TOP1、从上到下渐变横向相同背景渐变从上到下宽度全屏背景效果截图这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图:切出这样一个竖条图片素材作为背景素...
如何在
div
中
设置
背景图片
并且自适应
div
大小
参考如下代码,
设置
背景图片
的
大小
为100% 100%并且
设置
no-repeat 这样图片就能在
div
改变的情况下,仍然显示完全 <!DOCTYPE html> <html> <head> <style> #a { background-color: rgb(255, 208, 0); background-image: url("1.png"); backgrou
React如何给
div
设置
100%背景图
使用内联样式总是失败,最终还是通过单独写css实现了。要解决几个问题:1. body为自适应的,所以即使
设置
body第一个布局
div
高度为百分比也是无效的,因为
div
解析上级高度为0,自然
div
height 100%实际高度也为0。2. 需要将
div
的父元素html、body、root根节点
设置
为100%。3. body有一定的margin,也就是body默认有margin-top和margin-bottom所以
设置
100%高度之后body多余的margin值显示不完整,出现下拉滚动条,要想正确显示的话就
html
背景图片
如何和
div
一样大,怎么让
div
的
大小
随着
背景图片
的
大小
变大
在做网页的时候,经常会遇到为
div
添加
背景图片
,那么我们应该怎样做才能让
div
的
大小
随着
背景图片
的变大而变大呢,也就是让我们的
div
被
背景图片
所撑起来。下面学习啦小编告诉你!让
div
的
大小
随着
背景图片
的
大小
变大的方法首先,我们需要新建一个html页面,并在页面中写上一个
div
。并为
div
添加
背景图片
,为
背景图片
添加一些基本的样式。然后,我们按下键盘上的F12,查看其在浏览器中的效果。效果肯定是页面...
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章