分类: 技术

  • 解决margin-bottom 在IE7、IE6下,失效问题

    0(正常显示)

    1(显示异常)

    做OA后台的时候,有个布局是需要,五行大图标来表示。我用的固定的高度,所以直接用margin-top:8px;和margin-bottom:8px;

    可是在IE6 和IE7 中下边距竟然没有。之后找到解决方法,在此一记。希望能帮到和我遇到同样问题的同学。

    我是在一个div里面写了个ul,包含着li,每个li里面包含图片和标题。(可看上图)

    html里面代码:

    css代码:

    .list_1{

    height:auto; /*当浏览器窗口缩放的时候,图标超过一行,会自动排列成两行。而避免了后面的图标隐藏*/

    width:100%;

    margin:0px;

    padding:0px;}

    .list_1 ul li{
    float: left;
    width: 100px;
    margin-top:8px;
    margin-bottom:8px;}

    .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}/*如果去掉clear就会实现不了下边距*/

  • 少见外文加载字体CSS3@font-face

    今天在群里寒千辉,说他做的网站里面的文字需要加载泰文、僧伽罗语等外文,可是有的文字,安装系统里面并没有。需要加载。

    最后他搜到的解决方法是这个

    @font-face {
    font-family: “Limon S5”;
    /* Point to Borg due to crossdomain */
    src: url(http://learning.chinese.cn/ls5.eot); /* For IE */
    src: local(“Limon S5”), url(http://learning.chinese.cn/lmns5.ttf);
    font-family: “Daunpenh”;
    /* Point to Borg due to crossdomain */
    src: url(http://learning.chinese.cn/dh.eot); /* For IE */
    src: local(“Daunpenh”), url(http://learning.chinese.cn/daunpenh.ttf);
    font-family: “khmeros”;
    /* Point to Borg due to crossdomain */
    src: url(http://learning.chinese.cn/kkk.eot); /* For IE */
    src: local(“khmeros”), url(http://learning.chinese.cn/kkk.ttf);我没有用过这种加载字体的方法,特别搜索了一下。然后了解其原理。希望对自己和大家都有帮助。简单概念:http://www.php100.com/manual/css3_0/@font-face.shtml

    ————————————————————-以下是搜索到网络—————————————————————-

    原文地址:http://www.cnblogs.com/rubylouvre/archive/2011/06/19/2084875.html(司徒正美)
    @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@font-face实现的,为了能让更多的朋友知道如何使用他,今天我主要把自己的一点学习过程贴上来和大家分享。

    首先我们一起来看看@font-face的语法规则:

    @font-face { font-family: ; src:[][,[]]*; [font-weight: ]; [font-style: