UECSS.COM

专注前端开发,关注用户体验,记录成长历程

iframe transparent

关于iframe transparent 背景透明的问题,很早就有解决方法了,早餐时有人问到,这里记录下,顺便博客N久没有更新了(打一针鸡血~)

其实就是两个地方添加下修饰代码,如下:

1、引用页iframe标签上添加属性(宽高可无视,这里是高清IPTV的屏幕尺寸):

<iframe src="transparentPage.html" frameborder="0" width="1280" height="720" allowtransparency="true" style="background:transparent" ></iframe>

主要是这句

allowtransparency="true" style="background:transparent"

Continue reading →

Javascript和CSS浏览器兼容总结

感谢webfenxi的分享,重口味收藏至此,原文如下:

--------------------------------

这是我总结多年的一个小文档,主要内容是Javascript和CSS浏览器兼容总结,最近看见有人咨询浏览器兼容的问题,就贡献出来。

并不一定全,有的也可能不准确,比如新出的IE8、Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8、Chrome等,但都没来的及总结进去,后来就忘了…汗。大家一起慢慢完善吧。

javascript部分

1. document.form.item 问题
问题:
代码中存在 document.formName.item(“itemName”) 这样的语句,不能在FF下运行
解决方法:

改用 document.formName.elements["elementName"]

Continue reading →

SASS/LESS如何安装使用 – 拥抱HTML5

上周末参加了#拥抱HTML5#两天下来感受并学习到了大部分关于HTML5的分享,这里感受较学习到的要多一些,毕竟不能靠两天的时间就能把分享者整理的知识点全都掌握,感谢远道而来的分享、w3ctech能够提供给这么多前端人员交流的机会,意义很大。

快乐设计师 [布丁]的演讲主题:《SCSS & Compass》中show了很多有关SASS, SCSS, COMPASS的技巧,用来提升我们平常组织CSS文档的效率,具体w3ctech会将当天分享的文档整理(如果等不及可以先查看SASS的官网slideshare上的搜索结果

好了回到正题《SASS/LESS如何安装使用》

1.搭建环境(简单的下载安装Ruby)

下载安装Ruby,Windows下的Ruby下载,Mac OS X 就跳过这一步,Linux自己去找吧(这部分用户的强项)

建议安装的时候勾选下,这样可以直接通过cmd命令行操作(不必手动添加Path)

2.安装SASS

完成第一步之后,在开始菜单中找到并运行Ruby命令行,如图

启动可以看到命令行窗口,安装SASS(LESS安装方法相同),在命令行键入如下代码(其实官网顶部所列的三条即为常用的)并回车:

gem install haml

Continue reading →

CSS裸奔节-NAKED-2011

今天,你裸了吗

今天,你裸了吗

4月9日的CSS裸奔节到了,脱掉CSS,露出HTML真实的脊梁骨吧 – PS:宁可CSS分层多一些,也要保证HTML结构的简洁、语义化的书写习惯。

HTML5特性检测

读书笔记整理:浏览器渲染Web页面的时候,会构造出一个文档对象模型(Document Object Model,简称DOM),所有的DOM对象都共享一些公用属性,但是有些对象会拥有其特有的属性。在支持HTML5特性的浏览器中,特性相关的DOM对象就会有特定的属性。从这些DOM对象中可以快速检测出哪些HTML5特性是被支持的。
以下四种可以用于检测浏览器是否支持某种HTML5特性,从简单到复杂依次是:
Continue reading →