爬山虎 的个人资料爬山虎的世界照片日志列表 工具 帮助
2005/6/28

页面特技系列之一(背景图片)

[爬山虎原创]

 

  由于Space不支持Javascript和某些CSS属性,因此页面效果只能在HTML和有限的CSS属性上做文章,本空间以后将陆续介绍一些有特色的页面特技,希望大家喜欢^_^

  为了便于大家使用,每个特技都将包括演示和HTML代码。

  本期特技的主题是实现日志背景图片。

  目前日志编辑器对DIV的绝对定位已经不支持了,Style的background、background-image属性也同样会被过滤掉,实现背景图片的方法还有以下这两种:

 

v 方法一


 

【HTML代码 】
<TABLE width="100%" height="173" background=http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nuMdevyRaYEh4W6DWc6a5gNE08dA0_Iicc7D5DGW6iKNDAmaTd6EGYaFukJX0FY6WinrM4ufGK6nEPhKsjdKYxVcAtPF6PQvHcFg8vtHOficw border=0>
    <TR><TD valign=top>这是一行测试日志文字</TD></TR>

</TABLE>

 

【演示】

这是一行测试日志文字

 

【说明】

本方法建立的页面效果中背景图片将在水平和垂直方向重复平铺展示,且背景图片不支持滤镜效果。

 

v 方法二


  

【HTML代码】

<DIV style="WIDTH: 200px">
<IMG src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nuMdevyRaYEh4W6DWc6a5gNE08dA0_Iicc7D5DGW6iKNDAmaTd6EGYaFukJX0FY6WinrM4ufGK6nEPhKsjdKYxVcAtPF6PQvHcFg8vtHOficw" align=right>
<DIV style="FLOAT: left; WIDTH: 200px">这是一行测试日志文字</DIV>
</DIV>

 

【演示】

这是一行测试日志文字

 

【说明】

本方法建立的页面效果中背景图片不重复平铺展示,背景图片支持滤镜效果,关于具体滤镜的设置请参考小绿人的《图片套用滤镜效果》

 

评论 (122)

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

ChiaEfey发表:
lol
11 月 14 日
杜思君发表:
学到了,
2 月 19 日
Jacky发表:
努力学习中,争取把我的空间做得更好.
11 月 1 日
由文婷发表:
怎样用自己电脑上的图片作背景?
谢谢~
9 月 22 日
Kate发表:
thanks!!!
 
9 月 10 日
Jade发表:
谢谢老师~! 我会用心学习!
我的部落也开始有一点点质感了唷。。。!
哈哈哈。。。。!
8 月 3 日
ct发表:
真的很有用,我是新手,之前一点都不会,都是看着你的教程帮助一点一点学的.谢谢了
7 月 29 日
Simon发表:
谢谢了
大家来我的空间看看吧 最近花了很多时间在制作我的空间~
7 月 21 日
杜登峰发表:
拿 走 了
谢谢
7 月 19 日
请问老师
代码是粘贴在地址栏吗?
6 月 28 日
我想知道怎么用自己的图片做SPACE背景?
6 月 22 日
想问下有谁知道可以在日志 中放播放器,我把代码放进去,可是会让MSN删了,有谁会讲告诉我
 
 
6 月 21 日
我是个新手,用了十几天的时间学习.现在我做的空间还算不错,希望大家多提意见/不过还有个专利产品,看看谁看过这样放模块 的,保证你没见过.不信你可以到我的空间看看.
6 月 21 日
RiverK发表:
唉,小縁人就是强啊……
6 月 14 日
tomorrow发表:
安逸!
6 月 14 日
Carolyn发表:
great! thank you!
6 月 10 日
THAT IS WHAT I WANT!~
6 月 9 日
龙影发表:
我是新手什么也不懂  请好心的朋友多多指教 谢谢!
6 月 8 日
ok了
6 月 7 日
为什么,我填加上后总是直接看到代码啊。没有效果。谢谢
6 月 7 日