`
85977328
  • 浏览: 1898663 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

body背景图片拉伸

阅读更多
最近工作中,遇到了一个小问题.body背景图片不能拉伸,很大的图片,他只显示一部分
<style type="text/css">
body {
background-image: url('test.jpg');
background-repeat: no-repeat;
background-positon: 100%, 100%;
}
</style>

后来网上找到了答案,使用滤镜就可以了
<style type="text/css">
body{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg',sizingMethod='scale');
background-repeat: no-repeat;
background-positon: 100%, 100%;
}
</style>
分享到:
评论
4 楼 flex_莫冲 2011-11-03  
用css3.background-size: cover;或者transform:scale
3 楼 max_dong 2011-10-11  
老兄你这样搞的话,页面什么东西都不能点击了,那这样做还有什么用啊!
2 楼 天明破晓 2011-08-24  

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg',sizingMethod='scale');
background-repeat: no-repeat;
background-positon: 100%, 100%;
background-attachment:fixed ;
1 楼 leifeng2 2010-08-09  
Good idea !

相关推荐

    网页body背景图片拉伸

    "网页body背景图片拉伸"这个主题涉及到一个常见的需求,即如何让背景图片在整个页面中自适应地填充,无论页面内容多少,背景始终呈现出完整的图像。下面将详细讲解实现这一效果的技术细节和相关知识点。 首先,我们...

    body背景图片拉伸另类实现

    标题提到的“body背景图片拉伸另类实现”就是针对这种情况的一种解决方案。 首先,我们要理解常规的CSS背景设置方式。通常,我们可以通过`background-image`属性设置背景图片,`background-repeat`控制图片的重复...

    使用jQuery和CSS将背景图片拉伸.doc

    【使用jQuery和CSS将背景图片拉伸】 在网页设计中,使用大背景图片可以增加视觉冲击力和美感,而背景图片的拉伸效果则可以使图片适应不同尺寸的浏览器窗口,保持页面的整体美观。本文主要介绍如何通过jQuery和CSS来...

    实现网页背景图片拉伸的两种方法

    本文将介绍两种实现网页背景图片拉伸的方法,一种通过CSS属性来实现,另一种利用jQuery动态调整图片尺寸。 首先,我们来探讨第一种方法,即使用CSS的`background-size: cover`属性来实现图片的拉伸效果。`...

    用javascript实现背景自动拉伸

    ### 使用JavaScript实现网页背景图片自动拉伸的知识点 在网页设计与开发的过程中,经常会遇到需要对背景图片进行自适应处理的情况。特别是在响应式设计日益普及的今天,如何让背景图片根据不同的屏幕尺寸自动拉伸变...

    CSS实现HTML背景图片拉伸铺满示例

    如果父元素是`&lt;body&gt;`标签,那么这将使背景图片拉伸以填满整个视窗区域。要注意的是,这种拉伸效果可能会导致图片失真,特别是当原始图片的宽高比与被填充的容器宽高比不一致时。 在HTML代码片段中,我们看到一个`...

    利用jQuery和CSS将背景图片拉伸

    在讲解之前,需要明确一点,背景图片的平铺可以通过CSS的`background-repeat`属性实现,但本文的重点在于背景图片的拉伸。 首先,我们介绍一种纯CSS的解决方案。CSS3引入的`background-size`属性可以帮助我们实现...

    css3实现背景图片拉伸效果像桌面壁纸一样

    总的来说,`background-size`属性是CSS3中的一个实用工具,它提供了灵活的方式来控制背景图片的显示方式,包括实现背景图片拉伸覆盖整个元素区域的效果,这样设计者就能创造出更具吸引力的页面布局和视觉效果。

    css 如何让背景图片拉伸填充避免重复显示

    如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果...

    【html背景图片铺满网页】html 怎么让背景图铺满整个页面

    这个属性决定了背景图片的尺寸如何相对于其容器进行缩放或拉伸。有多种设置方法,但在这个场景下,我们最常用的是`cover`值。`background-size: cover;`会让背景图片自适应其容器,并保持宽高比,确保图片完全覆盖...

    网站背景拉伸平铺jQuery插件.zip

    网站背景拉伸平铺jQuery插件是Web开发中一种实用的工具,主要目的是为了实现网页背景图片能够根据浏览器窗口尺寸动态地自适应调整,从而达到全屏或平铺的效果。在设计网页时,一个美观的背景可以提升用户体验,而这...

    用CSS把背景图片平铺参考.pdf

    ASP.NET中把背景图片拉伸 在ASP.NET中,我们可以使用background-image属性来设置背景图片,并使用background-repeat属性来实现背景图片的平铺。 例如: ```css body { background-image: url('a.jpg'); ...

    css滚动切换背景图片

    当添加一个类(如`.scroll-class`)到body元素时,背景位置会切换,使第二个图片出现在左上角,从而实现背景图片的切换。 当然,更复杂和精确的滚动切换效果可能需要JavaScript的帮助。例如,你可以监听滚动事件,...

    背景图片轮换

    标题“背景图片轮换”指的是在网页设计中,利用JavaScript库,尤其是Jquery,实现的一种动态效果,使得网站背景图片能够自动循环切换。这一技术常用于提升网站视觉吸引力,为用户提供更加丰富的浏览体验。 描述中...

    用滤镜实现背景图片的拉伸效果代码

    使用滤镜实现背景图片的拉伸效果是一种较为老旧但有效的方法,尤其适用于早期的IE浏览器。然而,鉴于现代浏览器的发展趋势,这种技术逐渐被CSS3的相关功能所取代,例如CSS3的background-size属性。不过,了解这些老...

    静态网页 更换背景

    6. **交互优化**:为了提供良好的用户体验,可以添加更多交互元素,比如调整背景透明度、选择不同铺垫方式(平铺、拉伸、居中等)。 通过以上步骤,我们可以创建一个类似QQ空间的背景更换功能。需要注意的是,安全...

    css 设置全屏背景图片

    传统的方法是使用`&lt;body&gt;`标签直接设置背景图片,但这种方法存在诸多局限性,例如无法实现图片的完美拉伸填满全屏。为了解决这一问题,通常会使用一个额外的`&lt;div&gt;`元素来承载`&lt;img&gt;`标签,并将这个`&lt;div&gt;`的宽度和...

Global site tag (gtag.js) - Google Analytics