《
QQ空间发光文字实现步骤》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302336012013.htm
问题出来了。我上国外的那个网站上看了看,发明:
最后从新修改一下观点。应用滤镜的元素必需领有layout ,块状元素不必定有layout。
最后附上我研讨的代码:
在尺度模式下
这使我联想到了layout这个在ie下bug的大佬。
Tag:QQ空间 发光文字 QQ空间 发光文字
看来即便是块状元素也是不行的,PSD网页模版转化XHTML网页的一些技巧。
 ,PSD模板切用photo切图为XHTML+CSS的网页;我给这个元素增添了display:block或者display:inline-block。都可以。然而display:block在ie6下无效。
怎么测试是否haslayout触发了呢?能够写javascript:alert(id.currentStyle.hasLayout)来断定。
--> [
网站建设之]QQ空间发光文字实现步骤
无论怎么样都不显示,使用滤镜的元素必须占有layout,span是个内联元素,无奈通过定义高度取得layout,块元素就可以了。
粗心是在ie8的标准模式中。haslayout 已经移除了。没有这个属性了。但是怎么解决ie8下显示的问题呢?
作者要实现相似QQ空间里的发光文字后果,可是无论怎么样都不显示,咱们来一起剖析一下起因。
如何触发layout 最简略的是zoom:1,添加后,果然很见效,ie6,ie7都不问题。但是ie8仍是不显示。
haslayout 是影响le bug的一个很大的方面,下文我来翻译下。。
参考文章:
总结上面的,最后以增加了一个display:inline-block 告终,完善解决所有的阅读器问题。
<!DOCTYPE HTML>
<html >
<head>
 ,PR取消后友情链接交换需要注意的四项原则; <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title></title>
</head>
<body>
<DIV style=",photoshop转手绘头发教程;OVERFLOW: hidden; WORD-BREAK: normal",Perl、PHP、ASP、JSP技术比较; class=desc name="cmtcontent">
<SPAN id="test" style="FILTER: glow(color=#0000FF,strength=2); COLOR: #ffffff;display:inline-block">测试</SPAN> </DIV>
<script>
alert(test.currentStyle.hasLayout);
</script>
</body>
<,padding和margin到底要用哪一个?;/html>
Update: hasLayout has been removed from IE8 standards mode. It is still present in the IE7-compatibility mode.
<!DOCTYPE HTML>
<html >
<head>
 ,overflow解决float浮动后高度自适应问题; <meta http-equiv="Content-Type",net页面之间传递值的方法; content="text/html;charset=gb2312" />,MUX的设计师项目分享 百度搜索客户端;
<title></title>
</head>
<body>
<DIV style="OVERFLOW: hidden; WORD-BREAK: normal" class=desc name="cmtcontent">
<SPAN id="test" style="FILTER: glow(color=#0000FF,strength=2); COLOR: #ffffff;">测试</SPAN>,min-height和height; </DIV>
</body>
</html>
(责任编辑:网站建设)
QQ空间发光文字实现步骤相关文章