注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天民博客

欢迎光临.多谢指教!

 
 
 

日志

 
 
关于我

(1)对圈子邀请表示感谢,未能加入的希圈主谅解! (2)对您的光临,留言,点评在此表示感谢,未能及时回帖表示歉意! (3)凡属下类帖必复---即"有问必答","有需必助",

网易考拉推荐

定位代码利用与分析  

2010-07-15 18:13:37|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

定位代码利用与分析

 示范图:

 

 

素材:
*************************************************************************************************************************************************************************
2010年07月15日 - 天民 - 天民博客
*************************************************************************************************************************************************************************
2010年07月15日 - 天民 - 天民博客 2010年07月15日 - 天民 - 天民博客
*************************************************************************************************************************************************************************
2010年07月15日 - 天民 - 天民博客

 

代码分析:
*************************************************************************************************************************************************************************
定位代码:LEFT: 0px(横向:以左边缘为依据,数字越大越往右行) TOP: 0px(竖向:以上边缘为依据,数字越大越往下行)
羽化代码: FILTER: alpha(opacity=100,finishopacity=0,style=2);

*************************************************************************************************************************************************************************

全部代码按顺序分解:(为方便分析,将代码按组拉开距离,用颜色分类对照)

 <TABLE height=340 cellSpacing=0 cellPadding=0 width=480 background=底图地址 border=10>
<TBODY>
<TR>
<TD>

<IMG id=layer3 title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 50px; POSITION: absolute; TOP: 146px" height=280 alt="" src="男士图片地址" width=210>


<IMG id=layer4 title="" style="Z-INDEX: 3; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 180px; POSITION: absolute; TOP: 156px" height=224 alt="" src="女士图片地址" width=176>


 <IMG id=layer5 title="" style="Z-INDEX: 4; LEFT: 300px; POSITION: absolute; TOP: 150px" height=40 alt="" src="五角星1地址" width=40>


<IMG id=layer6 title="" style="Z-INDEX: 5; LEFT: 100px; POSITION: absolute; TOP: 150px" height=20 alt="" src="五角星2地址" width=20>


<IMG id=layer7 title="" style="Z-INDEX: 6; LEFT: 70px; POSITION: absolute; TOP: 320px" height=40 alt="" src="五角星3地址" width=40>


</TD></TR></TBODY></TABLE>

*************************************************************************************************************************************************************************

     2010年07月15日 - 天民 - 天民博客 ※ 博客升级后出现"羽化代码"失效,解决方法如下
style="FILTER: alpha(opacity:100,finishopacity:0,style:2)"将其中冒(:)号改为等(=)号

style="FILTER: alpha(opacity=100,finishopacity=0,style=2)"

  评论这张
 
阅读(445)| 评论(22)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017