将onload 之后的图片作为背景

问题描述

将onload 之后的图片作为背景

我在Onload 的时候将图片缩小了,现在我要将这缩小后的图片作为背景 怎么弄?

解决方案

css3可以定背景图片大小(使用background-size样式),IE8-不支持

CSS3 background-size 属性

你要兼容IE8-的话可以将父容器relative定位,里面放absolute定位的img作为背景

 <div style="position:relative;color:white">123
<img style="position:absolute;left:0;top:0;z-index:-1;width:100%;height:500px" src="http://www.lanandtamsas.cn/images/07.jpg"/>
</style>

解决方案二:

zoom 属性或许可以帮到你。我记得我以前是一张图片显示太大,结果只显示部分,然后我用此属性,将图片缩小显示

时间: 2025-01-21 05:50:33

将onload 之后的图片作为背景的相关文章

jpanel-java开发中我设置了一个JPanel里面装了图片作为背景 但是为什么没有显示出来背景图片

问题描述 java开发中我设置了一个JPanel里面装了图片作为背景 但是为什么没有显示出来背景图片 此段代码中什么地方出错了?为什么我的ip,h还有rs,drgl这三个地方的背景图片 无法显示或者切换? p4=new JPanel(new BorderLayout()); p2=new JPanel(new CardLayout()); //处理p2,p3,p4 p2_lab1=new JLabel(new ImageIcon("image/21.jpg")); p2_lab2=ne

Word 2007使用图片作为背景

Word 2007使用图片作为背景 在Word2007中,可以使用自定义图片作为文档的背景,还可以为文档套用符合主题的图片作为背景,不仅让文档看起来与众不同,更能展现图片文档包含的信息. (1)单击"页面布局"选项卡,在"页面背景"区域单击"页面颜色"按钮,在下拉菜单中选择"填充效果"命令. (2)在"填充效果"对话框中,单击"图片"选项卡,然后单击"选择图片"按钮.

win32用GDI+加载png图片作为背景图

#include <windows.h> #include <gdiplus.h> /* GDI+ startup token */ ULONG_PTR gdiplusStartupToken; /* Declare Windows procedure */ LRESULT CALLBACK WindowProcedure (HWND, UINT, WPARAM, LPARAM); // UpdateLayeredWindow Defination typedef BOOL(*UP

java-上传图片后,怎么让它作为一个背景图片显示出来

问题描述 上传图片后,怎么让它作为一个背景图片显示出来 比如 <div id="title">1243234</div> 上传完成后,我要让刚上传的图片作为title的背景图片 解决方案 <div id="title" style="background:url(图片的url地址)">1243234</div> 解决方案二: 这个得写css里#title{background:url(图片路径) n

怎样在插入Word文档的图片上写字

将图插入到Word文档之后,我们可能会需要在图片上面在写一些文字,例如我们制作书籍的封面,插入一张好看的图片作为背景,我们还需要在图片上写上书名和作者,类似这样的情况还有很多.今天易捷PDF转换成Word就来为大家介绍一下怎样在插入Word文档的图片上写字. 方法一:设置文字环绕图片方式 插入图片,[图片格式][文字环绕],设置文字环绕图片的方式为"衬于文字下方",这时我们就可以在图片上面写字了. Word2003界面 Word2007/2010界面 方法二:将图片插入为文档背景 Wo

了解学习网页中背景图片CSS实现方法

css|背景图片|网页 背景图片Background Images有许多属性可以操作. 幸运的是,可以使用background处理所有: body {    background: white url(http://www.webjx.com/images/bg.gif) no-repeat top right;} 上面合并了下面属性: background-color出现在前面. background-image图片的位置. background-repeat图片重复的形式.背景图片可以重复r

十二 Background Images 背景图片

背景图片 背景图片有许多属性可以操作. 幸运的是,可以使用background处理所有: body {background: white url(bg.gif) no-repeat top right;} 上面合并了下面属性: background-color出现在前面. background-image图片的位置. background-repeat图片重复的形式.背景图片可以重复repeat(这就像建筑用的瓦片一样),repeat-x在x轴(左右)重复,repeat-y在y轴(上下)重复,n

ASP.NET MasterPage 中图片路径的解决办法

asp.net|erp|解决 一般而言,链接路径的表达有三种方式:绝对路径.相对路径和基于根目录的路径.另外对于ASP.NET服务器控件来说,还可以使用"~"来代替根目录来表示.在MasterPage和用户控件中,经常要使用一些图片作为背景或漂亮的按钮,但是在指定图片的src或者background时候,经常因为链接路径的问题而出错.1.使用绝对路径:使用形如"D:\xxx\xxx.gif"的绝对文件路径一般情况下是不可取的.可以考虑采取url的方法,写成http:

用CSS使图片自适应显示宽度

公司的项目中需要显示由用户提供URI链接的图片,可是预先无法获知图片的尺寸大小,如果图片尺寸过大将会影响页面布局.最理想的解决方案自然是自动生成缩略图,涉及的后台工作较为复杂,用CSS进行控制是一个可以接受的捷径. 如果用width属性强行设定显示尺寸似乎太不智能.幸好Firefox/Opera/IE7都提供了max-width属性支持.假定希望图片显示宽度不超过500像素,CSS可能如下: fit-image{ border :0; max-width:500px; } 让我痛恨的IE6不支持