xcp — Fri, 12 Apr 2013 08:25:00 GMT

今天�Q�在做毕业设计的时候，做到一个新��d��表的时候，被垃圾IE6样式卡住了！先上一张对比图片�?/p>

chrome-IE6效果�Ҏ��

正如�Q�图片上的说明：在IE6�Q�没有测试IE7或更高版本）li标签的第一�?#8220;联系我们”�Q�没有前面的�Q�点。看一下我的demo代码啊吧~

<body>
<style type="text/css">
.news-list{
    width:200px;
    background:#0f0;
}
.news-list ol{
    padding:10px 10px 10px 10px;
}
.news-list li{
    height:20px;
    list-style:disc inside;
}
style>
<div class="news-list">

    <ol><li>联系我们li>
        <li>关于我们li>
        <li>哈哈li>
    ol>
div>
body>

要触发这个BUG有不��?#8220;要点”啊！�W�一 �?span style="margin: 0px; padding: 0px; color: #000000;">.news-list ol{ padding:10px 10px 10px 10px;} �q�条样式必须要有�Q�更��切的说是第一�?#8220;10px”必须有，当然你可以换成其他像素��|��雉��?/strong>�Q�当�Ҏ��0之后�q�个bug��没有了~�Q�这也就是我��Z��么把�q�个分开写，没直接写成：.news-list ol{ padding:10px ;}�Q�这��L��原因�?br style="margin: 0px; padding: 0px;" />�W�二炏V�?nbsp;.news-list li{ height:20px; list-style:disc inside;}�Q�这个里面也有一个必要的�Q�高度。当你把�q�个高度��L��的时候，你会发现�q�个bug也会消失�?/p>

有上面这两个“苛刻”的条�Ӟ��估计也就是�ؓ什么很��有人碰到的原因吧！知道了原因解军_��然不是问题。从上面的两点就可以很好的解册��bug了�?br style="margin: 0px; padding: 0px;" />�Ҏ��一、当然就是准对第一个条件的�Q�如果可以去�?strong style="margin: 0px; padding: 0px;">padding�?br style="margin: 0px; padding: 0px;" />�Ҏ��二、当然也是在不媄响布局的情况下�Q�去�?nbsp;height
�Ҏ��三、�Q然还是去掉：.news-list ol{ padding:10px 10px 10px 10px;} �q�条样式�Q�同时在ol标签的父标签�Q�这里的父标�{�ְ��?lt;div class=”news-list”>了，当然你还可以在这个中间加入一个div�Q�中加入�q�条样式。这��h��不会影响布局�Q�又能很好的解决�q�个bug�Q?span style="font-size: 12px; line-height: 17px;">下面是我的第三种解决�Ҏ��代码�Q?br />

<body>
<style type="text/css">
.news-list{
    width:200px;
    background:#0f0;
    padding:10px 10px 10px 10px;
}
.news-list li{
    height:20px;
    list-style:disc inside;
}
style>
<div class="news-list">
    <ol><li>联系我们li>
        <li>关于我们li>
        <li>哈哈li>
    ol>
div>
body>

xcp 2013-04-12 16:25 发表评论

常用 �?生僻的html标签(to me)

xcp — Thu, 15 Dec 2011 09:59:00 GMT

�Q�不支持框架的显�C�noframes里面的内�?br /></div> <div><nobr>: 不换行显�C�内�?br /><map>定义一个图片，�?lt;area>在图片上定点昄��</div> <div><fieldset>可将表单内的元素分组,配合legend标签使用[使用title]</div> <div><optgroup>:标签定义选项�l�[下拉列表里面分组昄��]</div> <div><sub>上标   <sup>下标  <del>文字上加删除�U? <ins>文字下加划线</div> <div><ol>有序列表,前面昄��下标标识  <ul>无序列表,前面昄��圆点标识  <li>子项</div> <div><dl>内容�? <dd>内容标题 <dt>内容</div> <div><address>昄��地址信息</div></div><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/xcp/" target="_blank">xcp</a> 2011-12-15 17:59 <a href="http://m.tkk7.com/xcp/archive/2011/12/15/366463.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>CSS滤镜</h1> <p>xcp — Tue, 26 Jul 2011 11:55:00 GMT</p> <div><div>CSS滤镜<div>　　<a target="_blank" >css</a>滤镜的标识符�?#8220;filter”�Q��M��的应用上和其他的css语句相同。css滤镜可分为基本��o镜和高��滤镜两种�?css滤镜分类可以直接作用于对象上�Q��ƈ且立即生效的滤镜�U�Cؓ基本滤镜。而要配合JavaScript�{�脚本语�a��Q�能产生更多变��效果的则�U�Cؓ高��滤镜�?br /><br /><br /><br /><br /> </div><div><h2>alpha�Q�通道�Q?/h2></div><div>    alpha滤镜用于讑֮�透明度，它的表达式如下： </div><div><div>    filter�Q�alpha�Q�opacity=opacity�Q�finishopacity=finishopacity�Q�style=style�Q�startX=startX�Q�startY=startY�Q�finishX=finishX�Q�finishY=finishY�Q? 　　其中opacity表示透明度等�U�，可选��g��0~100�Q?代表完全透明�Q?00代表完全不�? 明。Style参数指定了透明区域的�Ş状特征。其�?代表�l�一形状�Q?代表�U��Ş�Q?代表攑ְ��Ӟ��3代表长方形。StartX和StartY代表渐变透明�? 果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标�? 　　<br />    ie下实现方式filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 标准<a target="_blank" >��览�?/a>�Q�FF、Chrome、Opera�Q�下实现方式�Q�opacity: 0.5;    <br />    filter:alpha(Opacity=5); /*IE*/<br /><div>    -moz-opacity:0.08; /*MOZ , FF*/</div><br /><br /><br /><div><h2>blur�Q�模�p�）</h2><br /><div>    模糊滤镜�l�予对象朦胧��秘的效果，它的表达式如下： </div></div></div></div><div>    filter�Q�progid�Q�DXImagetransform.microsoft.blur�Q�makeshadow=makeshadow�Q�pixelradius=pixelradius�Q? 　　shadowopacity=shadowopacity�Q�； </div>    其中makeshadow代表是否处理为阴影，pixelradius表示模糊作用深度�Q�shadowopacity表示阴媄的透明度�?br />    <br /><br /><div><h2>Chroma(透明�?</h2></div><div>    chroma滤镜�l�予囑փ�一个特定的颜色透明�Q�它的表辑ּ�如下�Q?filter:Chroma(Color=color)" </div>    说明�Q�color�Q?rrggbb格式�Q��Q意�?   <br />    例子�Q�filter:Chroma(Color="#FFFFFF")<br /><br /><br /><br /><div><h2>DropShadow(投射阴媄)</h2></div><div>    语法�Q�STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)" 　　<br />    说明�Q�Color:#rrggbb格式�Q��Q意�?　　<br />            Offx�Q�X轴偏��d��{�?　　<br />             Offy�Q�Y轴偏��d��{�?　　<br />             Positive�Q?�?�?　　<br />     例子�Q�filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")</div><br /> <br /> <div><h2>FlipH�Q�水�q�翻转）</h2></div> <div>    语法�Q�STYLE="filter:FlipH" </div> <div>    例子�Q�filter:FlipH<br /> <br /> <div><h2>FlipV�Q�垂直翻转）</h2></div>     语法�Q�STYLE="filter:FlipV"   <br />     例子�Q�filter:FlipV<br /> <br /> <div><h2>glow�Q�外边界光效�Q?/h2></div> <div>    语法�Q�STYLE="filter:Glow(Color=color,Strength=strength)" 　　<br />     说明�Q?　　Color�Q�发光颜艌Ӏ?　　<br />                    Strength�Q�强�?0�Q?00) 　　<br />     例子�Q�filter:Glow(Color="#6699CC",Strength="5")<br />     滤镜�Q�gray 　　<br />     语法�Q�STYLE="filter:Gray" 　　<br />     例子�Q�filter:Gray</div> <br /> <br /> <br /> <div><h2>invert�Q�底片效果）</h2></div> <div>    语法�Q�STYLE="filter:Invert" 　　<br />     例子�Q�filter:Invert</div> <br /> <br /> <br /> <div><h2>mask�Q�透明膜效果）</h2></div> <div>    语法�Q�STYLE="filter:Mask(Color=color)" <br />     例子�Q�filter:Mask(Color="#FFFFE0")</div> <br /> <br /> <div><h2>shadow�Q�阴影效果）</h2></div> <div>    语法�Q�filter:Shadow(Color=color,Direction=direction) 　　<br />     说明�Q?　　Color�Q?rrggbb格式�?　　<br />                    Direction�Q�角度，0�Q?15度，步长�?5度�?　　<br />     例子�Q�filter:Shadow(Color="#6699CC",Direction="135")<br /> <br /> <br /> <div><h2>wave�Q�正弦�L�UҎ��乱图片效果）</h2></div> <div>    语法�Q�filter:Wave(Add=add�Q�Freq=freq�Q�LightStrength=strength�Q�Phase=phase�Q�Strength=strength) 　　<br />     说明�Q?　　Add�Q�一般�ؓ1�Q�或0�?　　<br />                    Freq�Q�变形倹{�?　　<br />                    LightStrength�Q�变形百分比�?　　<br />                    Phase�Q�角度变形百分比�?　　<br />                    Strength�Q�变形强度�?　　<br />     例子�Q�filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")</div> <br /> </div> <br /> <div><h2>Xray�Q�只昄��轮廓�Q?/h2></div> <div>    语法�Q�STYLE="filter:Xray"<br />     例子�Q�filter:Xray</div> <br /> </div> </div> <br /> </div><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/xcp/" target="_blank">xcp</a> 2011-07-26 19:55 <a href="http://m.tkk7.com/xcp/archive/2011/07/26/355078.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> </main></body></html>

中文字幕亚洲综合精品一区,国产亚洲情侣久久精品,久久久久亚洲精品中文字幕

常用 �?生僻的html标签(to me)