AlloyTeam

AlloyTeam

Copyright © Tencent AlloyTeam. All Rights Reserved.
AlloyTeam 腾讯全端 AlloyTeam 团队 Blog
  • 首页
  • Web 开发
    • 前端资讯
    • HTML5
    • CSS3
    • JavaScript
    • Node.js
    • 移动 Web 开发
    • 用户体验设计
    • Web 前端优化
    • 资源工具
  • 移动开发
    • Android 开发
    • iOS 开发
    • 移动 Web 开发
  • Alloy 实验室
    • 作品
    • HTML5 游戏
  • 关于
    • 团队
    • Github
    • 留言
    • 友情链接
  • RSS
  • TAT.iAzrael 判断浏览器是否支持指定 CSS 属性和指定值
    In Web开发 on 2011年10月25日 by TAT.iAzrael view: 12,549
    10

    现在 css3 出来了, 添加了许多新特性,但由于并未全部浏览器都实现了这些特性,使用起来不太顺畅。因此,就想在使用的时候进行判断,如果有这个属性并且支持这种值,就 css 实现, 否者就用 js 实现。

    比较明显的例子就是 text-overflow 这个属性,text-flow:clip 是大部分浏览器都支持的,而 text-flow:ellipsis 则在 firefox 和 10.6 版本以下 opera 上工作不了,让人相当头疼。

    废话少说,判断的代码如下:

    1
    2
    3
    4
    5
    6
    7
    var element = document.createElement('div');
    if('textOverflow' in element.style){
        element.style['textOverflow'] = 'ellipsis';
        return element.style['textOverflow'] === 'ellipsis';
    }else{
        return false;
    }

    这个判断的原理是:创建一个节点,判断其的 style 属性是否含有 textOverflow 属性,有则进一步判断是否支持 ellipsis 这个值。

    判断是否支持 ellipsis 值依靠的是浏览器对于非法 style 值的处理,当遇到不支持的属性值时,浏览器会直接把这个值抛弃。因此这里就可以先给 textOverflow 赋值 “ellipsis”,如果不支持,则其值肯定为空或者其它不等于 “ellipsis” 的值。因此只要判断赋值后的 textOverflow 是否等于 “ellipsis” 即可。

    继续阅读

  • TAT.sheran Tencent Alloy Team,“我们”,Forever!
    In 团队 on 2011年10月24日 by TAT.sheran view: 9,147
    14

    Hello,everyone~ Tencent Alloy Team博客正式开通咯(鼓掌,撒花,转圈),博客的第一篇文章,好紧张!!~·⊙﹏⊙b汗欢迎大家多多拍砖~~:)

    首先,我们为什么要建设这个博客呢

    • 第一,当然是为了我们的团队让更多的人知道我们了:)
    • 第二,是通过写博客和分享提高我们团队在项目建设上的整体实力:)
    • 第三,通过写博客与同行者进行交流互动,认识更多业界的人:)
    • 第四,通过分享我们的经历,分享我们的技术,帮助到更多需要的人,为推动业界的发展做出一点贡献:)
    • 第五,是凝聚团队向心力,提高团队使命感,发展团队文化。在这里可以自由施展,这里可以学习进步!这里就是你的家~~~

    继续阅读

上页 1 ...52 53 54 55 56 57 58 59 60 61
公众号:AlloyTeam
扫码关注
公众号:AlloyTeam
合作伙伴
HTML5梦工场
腾讯云
Coding
兄弟团队
  • 腾讯 ISUX
  • 腾讯 CDC
  • 腾讯游戏 TGideas
  • 百度前端 EFE
  • 百度前端 FEX
  • 淘宝前端团队 FED
友情链接
  • 印记中文
  • W3CTech
  • 前端观察
  • W3C Plus
  • Web 前端开发
  • V2EX
  • 蓝色理想
  • 云开发 CloudBase
  • HTML5中文学习网
  • 爱思资源网
  • 牛大拿_前端设计导航
  • 吕小鸣前端博客
  • 腾讯大学


Copyright ©  2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2