社区
CSS
帖子详情
css背景图片拉长拉宽的问题
leiayy
2010-05-11 04:47:13
请问下 我怎么能在css下 让北京图片拉长和拉宽 同时,保证拉长是可自动调节的
ps.我这个背景图片是淡化的,上下颜色深,中间颜色浅
.bj{
background: url(/img/bg.jpg) repeat;
}
用上面的方法,是滚动拉长的,很难看
哪位高手帮忙解决下!
...全文
2554
6
打赏
收藏
css背景图片拉长拉宽的问题
请问下 我怎么能在css下 让北京图片拉长和拉宽 同时,保证拉长是可自动调节的 ps.我这个背景图片是淡化的,上下颜色深,中间颜色浅 .bj{ background: url(/img/bg.jpg) repeat; } 用上面的方法,是滚动拉长的,很难看 哪位高手帮忙解决下!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
leiayy
2010-05-12
打赏
举报
回复
因为我的背景是 淡化的 上下深 中间部分颜色浅
no-repeat 这些我都试过了,只能让背景图循环,并不是把背景图能任意拉长
passself
2010-05-11
打赏
举报
回复
.bj{
background: url(/img/bg.jpg) no-repeat;
}
这里不能是repeat 如果图片小的话,会出现逆那种情况,但是这样也存在缺陷,图片默认的在中间其余的地方没有,建议图片和标签差不多大比较好,或者图片稍大些
林道洪崖不周峰
2010-05-11
打赏
举报
回复
正常设置宽高,一般不建议,往往背景图像不是很大时拉大会失像素,如果背景是大图的话,一般设置不重复,必设置fixed让其不移动
flyxiao1987
2010-05-11
打赏
举报
回复
<div syle="width:300px;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');"></div>
src为背景图片路径
asharpnet
2010-05-11
打赏
举报
回复
设置背景的大小
网页中随内容增加背景
拉
伸
制作网页常常需要背景随内容增加而
拉
伸,网上找了很久才找到。
jquery写的一个手风琴式的图片
拉
伸切换
左侧是绚丽的按钮键 ,右侧显示整体图片 整个页面设计比较绚丽 ,可以用在新型网站上
JavaScript Table行定位效果
一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code 1 2 3 4 给tr设置relative后就能相对table定位了,看来很简单啊,但
问题
是这个方法ie8和ff都无效,而且存在很多
问题
,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr,克隆原来的tr,并设置这个tr为fixed(ie6为absolute),例如: Code 1 2 3 4 5 6 第一个
问题
是fixed的tr在ie7中不能进行定位,而且td在定位后并不能保持在表格中的布局,这样在原表格插tr就没意义了。 ps:fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 【克隆table】 克隆一个元素用cloneNode就可以了,它有一个bool参数,表示克隆是否包含子节点。 程序第一步就是克隆原table: this._oTable = $(table);//源table this._nTable = this._oTable.cloneNode(false);//新table this._nTable.id = "";//避免id冲突 要注意虽然ie的cloneNode参数是可选的(默认是false),但在ff是必须的,建议使用时都写上参数。 还要注意的是id属性也会被克隆,也就是克隆后会有两个相同id的元素(如果克隆对象有设置的话),这很容易会导致其他
问题
,程序会把克隆table的id属性设空。 ps:table请用class来绑定样式,用id的话新table就获取不了样式了。 克隆之后再设置样式: this._style.width = this._oTable.offsetWidth + "px"; this._style.position = isIE6 ? "absolute" : "fixed"; this._style.zIndex = 100; 一般来说offsetWidth是width+padding+border的结果,但table比较特别,测试下面的代码: Code
css
背景图片
拉
伸
如何让
背景图片
拉
伸填充,这个
问题
听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长
宽
值在
css
2.1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制
背景图片
的显示的。所以一般用作
背景图片
的有2类:
css
背景图片
全屏铺满自适应不
拉
伸
使用background设置背景图,使用background-size: contain 自适应背景定位区域的最大大小,此时如果设置图片高度会导致电脑上正常,显示器上高度不能撑满或设置高度无效图片显示不出来的
问题
,需要通过设置padding-top百分比将图片高度挤出来,完美解决!使用background-size: cover
背景图片
放大到适合元素容器的尺寸,图片比例不变,但是超出容器的部分可能会裁掉,图片显示不完整。
CSS
61,125
社区成员
60,706
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章