仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1264|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 今天来学习办理ie7以下扫瞄器PNG图片背景不通明且链接生效的举措

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
方便性:课外,我们了解到现在流行的LBS系统、PJBLOG、php下面的WP、MT,都是采用Div+CSS构架。在平时的练习中我们就遇到过



之前本站已供应一种办法(请在本站搜刮关头字“通明”便可找到),这类供应别的一种办法:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ie7以下扫瞄器PNG图片背景通明的办理举措</title><!--[ifltIE7]><styletype="text/css">div,img{behavior:url(http://www.ckuyun.com//upfile/iepngfix.htc)}</style><![endif]--><style>body{background:url(/uploadfile/200806/18/E81059891.jpg)}.iepng{width:275px;height:94px;background:url(/uploadfile/200806/18/DF1059248.png);padding:20px;}</style></head><body><divclass="iepng">尺度之路<br/><br/><ahref="http://www.ckuyun.com">点击翻开尺度之路</a></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
看到了吧,在IE6下测试一下你会发明,PNG的背景已是通明的了。可是有些时分我们必要在定位的层上完成如许的效果,如本例的效果我想把它流动在别的层之上,相似于弹出窗口的模样,那末就要用position:absolute;把这个层浮动起来。这时候成绩又呈现了,链接竟然生效了???
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ie7以下扫瞄器PNG图片背景通明的办理举措</title><!--[ifltIE7]><styletype="text/css">div,img{behavior:url(http://www.ckuyun.com//upfile/iepngfix.htc)}</style><![endif]--><style>body{background:url(/uploadfile/200806/18/E81059891.jpg)}.iepng{position:absolute;top:261px;left:309px;width:275px;height:94px;background:url(/uploadfile/200806/18/DF1059248.png);padding:20px;}</style></head><body><divclass="iepng">尺度之路<br/><br/><ahref="http://www.ckuyun.com">点击翻开尺度之路</a></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
之前也看到他人供应的办法,说把为链接界说个绝对属性position:relative;,但自己试了仿佛不可。那末有无别的办法能完成了,上面自己供应一个对照笨的办法来完成:
既然是相对地位的浮动层,那末我们接纳两个相对地位的浮动层,把背景独自设置在一个层上,而且让这个层居下,在上边的层上放笔墨及链接内容,这类办法可行吗??理论是查验真谛的独一尺度,让我们拭目以待!!
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ie7以下扫瞄器PNG图片背景通明的办理举措</title><!--[ifltIE7]><styletype="text/css">div,img{behavior:url(http://www.ckuyun.com//upfile/iepngfix.htc)}</style><![endif]--><style>body{background:url(/uploadfile/200806/18/E81059891.jpg)}.iepng{position:absolute;top:261px;left:309px;width:315px;height:134px;background:url(/uploadfile/200806/18/DF1059248.png);z-index:1;}.iepng1{position:absolute;top:261px;left:309px;width:275px;height:94px;padding:20px;z-index:2;}</style></head><body><divclass="iepng1">尺度之路<br/><br/><ahref="http://www.ckuyun.com">点击翻开尺度之路</a></div><divclass="iepng"></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
哈哈,成绩竟然办理了!接纳background:url(/uploadfile/200806/17/9E162710915.png)!important;background:none;filterrogidXImageTransform.Microsoft.AlphaImageLoader(enabled="true",sizingMethod="image",src="/uploadfile/200806/17/9E162710915.png")这类体例让背景通明的,当接纳position:absolute;定位时也能够接纳双层堆叠的体例办理链接生效的成绩

最近在做一个魔术网的div+css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。
只想知道 该用户已被删除
沙发
发表于 2015-1-18 07:18:12 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
小魔女 该用户已被删除
板凳
发表于 2015-1-26 05:11:35 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
再见西城 该用户已被删除
地板
发表于 2015-2-4 15:56:13 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
小女巫 该用户已被删除
5#
发表于 2015-2-10 03:50:06 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
乐观 该用户已被删除
6#
发表于 2015-2-28 19:14:49 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
兰色精灵 该用户已被删除
7#
发表于 2015-3-10 07:07:29 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
金色的骷髅 该用户已被删除
8#
发表于 2015-3-17 06:10:13 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
冷月葬花魂 该用户已被删除
9#
发表于 2015-3-17 06:10:14 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
因胸联盟 该用户已被删除
10#
发表于 2015-3-23 23:54:05 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表