• 技术文章 >web前端 >css教程

    css各种实用技巧

    PHPzhongPHPzhong2017-04-04 11:04:09原创396

    其它技巧和经验列表(*以下实例默认运行环境都为Standard mode):

    1. 如何让层在falsh上显示?

      方法:

      <param name="wmode" value="transparent" />
      
      设置flash的wmode值为transparent或opaque
    2. 如何使用标准的方法在页面上插入flash?

      方法:

      <object id="flash-show" type="application/x-shockwave-flash" data="*.swf">
       <param name="movie" value="*.swf" />
       <param name="wmode" value="transparent" />
       ![](*.jpg)
      </object>
      
      至于flash的宽高可以在css里设置
    3. 如何在点文字时也选中复选框或单选框?

      方法1:

      <input type="checkbox" id="chk1" name="chk" /><label for="chk1">选项一</label>
      <input type="checkbox" id="chk2" name="chk" /><label for="chk2">选项二</label>
      
      <input type="radio" id="rad1" name="rad" /><label for="rad1">选项一</label>
      <input type="radio" id="rad2" name="rad" /><label for="rad2">选项二</label>
      
      该方式所有主流浏览器都支持

      方法2:

      <label><input type="checkbox" name="chk" />选项一</label>
      <label><input type="checkbox" name="chk" />选项二</label>
      
      <label><input type="radio" name="rad" />选项一</label>
      <label><input type="radio" name="rad" />选项二</label>
      
      该方式相比方法1更简洁,但IE6及更早浏览器不支持
    4. IE下如何对Standard Mode与Quirks Mode进行切换?

      IE6的触发(在DTD申明前加上XML申明):

      <?xml version="1.0" encoding="utf-8"?>
      <!DOCTYPE html>
      
      IE5.5及更早浏览器版本直接以Quirks Mode解析。

      所有IE版本的触发(在DTD申明前加上HTML注释):

      <!-- Let IE into quirks mode -->
      <!DOCTYPE html>
      
      当没有DTD声明时,所有IE版本也会进入Quirks Mode。
    5. 如何区别display:none与visibility:hidden?

      方法:

      相同的是display:none与visibility:hidden都可以用来隐藏某个元素;
      不同的是display:none在隐藏元素的时候,将其占位空间也去掉;
      而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。
    6. 如何设置IE下的iframe背景透明?

      方法:

      设置iframe元素的标签属性allowtransparency="allowtransparency"
      然后设置iframe内部页面的body背景色为transparent。
      不过由此会引发IE下一些其它问题,
      如:设置透明后的iframe将不能遮住select

    以上就是css各种实用技巧的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 实用技巧
    上一篇:纯CSS3画出小黄人并实现动画效果 下一篇:float的正确用法,90%的人都用错了
    大前端线上培训班

    相关文章推荐

    • css如何设置鼠标放上图片出现文字• css中怎么调整a标签之间的间距• css怎样实现字母不到一行就换行• 怎样用css设置div悬浮• css怎样设置椭圆

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网