Let's Go
http://zhidao.baidu.com/question/151933882.html
TROREAN
你这问题是网页编程还是excel?
Let's Go
网页编程
TROREAN
一个表格有若干个行和列,你是指在整个表格,还是一个格中?
Let's Go
整个表格
TROREAN
哦,css可以不?
Let's Go
我试了下 好像不行的
TROREAN
我试试,一会儿给你代码
Let's Go
呵呵 谢谢了哟
TROREAN
用css看来是不行了。
.logo
{
background:no-repeat #8D9299 ;
filter:progid:
DXImageTransform.Microsoft.AlphaImageLoader(enabled='bEnabled', sizingMethod='scale' ,src='style/blog log.jpg' );
color: #3E4244;
border-color: #FFFFFF;
}
只支持IE
Let's Go
这是什么意思啊
TROREAN
用css调用IE自带的滤镜效果对图片进消早行修正。
这个方案行不通。
Let's Go
哦
TROREAN
为什么要用整张图片啊?
要么考虑其它的罢,另一种方案是使用两个显示层,图片位于表格后方,不过这样的话,表格的整体大小就不可调整。
要非得实现,只有加入js代码
动态对背景进行修正,那可麻烦大了。
Let's Go
哦 那表格可不可以 随着 图片的大小而改变呢
TROREAN
你的图片大小的固定的?
如果是这样,那好解决了。
Let's Go
是的
TROREAN
用css对表格进行
width:;
height:
Let's Go
就是说 我有两张图片 两张的图片的大小是不一样的
TROREAN
宽度和高度强制与图片相等就可以了
那这个背景要如何显示?
是动态的显示?轮换?
Let's Go
是的
TROREAN
我的天。
Let's Go
图片 要完全显示 但不能重复
TROREAN
把两张图片修正成一样不成吗?
不重复好办。
Let's Go
要把图片处理成一样大小的吗
TROREAN
背景图片修告扰正成统一规格,然后表格的高宽与图片的规格相等,问题就迎刃而解了。
嗯,这样好像是目前最省劲的方法。
Let's Go
但是图片值用户上传的 不可能让用户 去修改修正图片的大小吧
TROREAN
这样啊,
Let's Go
嗯
TROREAN
那干嘛要背景图片呢?
把图拿友雀片的img标签放到表格td标签里不就完了吗?
img标签是可以对图片高宽进行动态调整的。
Let's Go
因为在图片上面还要写字的
TROREAN
晕
这还不简单?
Let's Go
什么
TROREAN
用一个div块把字放到图片上方不行吗?
用绝对定位也行,用相对定位也行。
TROREAN
使用img标签 把用户上传的图片缩放成统一规格,然后定义一个与img规格相等的div块,定位到图片上方,就搞定了。
div块里,你希望是表格也可以,放什么都成,什么链接、段落等等。
Let's Go
这个办法可行!
谢谢了哈
TROREAN
不过,也存在一个弊端,如果用户上传的图片规格小于你设定的规格很多,会有马赛克现象
嗯。
分来?
Excel表格中的背景图片的大小不能在excel中设置,可用其它誉乎梁的图像编辑软件(如Photoshop)调整大小后,点击页面设置选项卡中的背顷做景,选择调整庆运好的图片文件。
关于背景的CSS设置
背景 background
css
说明
background-image:url("图片的网址"); 背景图
background: url(" 图片的网址 "); 背景
background-color:#色码; 背景色彩
Exp:
background-image:url(背景图案.jpg,gif,bmp);
background-color:#FFFFFF;
background-color : transparent; <培首吵--设定背景为透明色
background-repeat 改变背景图片的重复并排的设定
css
说明
repeat 背景图片并排
repeat-x 背景图片以X方向 并排
repeat-y 背景图片以Y方向 并排
no-repeat 背景图片不 以并排的方式处理
Exp:
background-image:url("图片的网址");
background-repeat:no-repeat;
background-attachment是否固定图片位置
css
说明
scroll 拉动卷配侍轴时,背景图片会跟着移动(缺省值)
fixed 拉动卷轴时,背景图片不会跟着移动
Exp:
background-image:url("图片的网址");
background-repeat:no-repeat;
background-attachment:fixed;
以长度定位background-position: x y
使用百分比定位 background-position: x% y%
css
说明
x% 往右移
y% 往下移
backgroud-position: 0% 0%; 左边上方
backgroud-position: 0% 50%; 左边中间
backgroud-position: 50% 0%; 中间上方
backgroud-position: 50% 50%; 正中间
backgroud-position:100% 0%; 右边上方
backgroud-position: 0% 100%; 左边芹山下方
backgroud-position: 100% 50%; 右边中间
backgroud-position: 50% 100%; 中间下方
backgroud-position: 100% 100%; 右边下方
以关键字定位
关键字
说明
top 上 ( y = 0 )
center 中 ( x = 50, y = 50 )
bottom 下 ( y = 100 )
left 左 ( x= 0 )
Exp:
background-position:center;
图片在指定背景中央X=50% Y=50%位置
background-position: 200px 30px