小游安方塔

昨天跑去泗泾办事。结果来到的地方意外的看到一条的古街,最吸引人的是不远处还有一座古塔,走进才知道是安方塔,从小就对塔这种建筑物很好奇,特别是它的神秘令人敬畏,拍下些许照片,留着纪念。

继续阅读

发表在 生活日志 | 留下评论

理解iframe高度问题

问题需求:有这么一个需求,一个页面,顶部是含有一个名称为top.html的iframe文件,并且iframe有二级菜单,如果要这个页面中完整显示二级菜单,则必须让iframe的高度增加二级菜单所显示的高度(也就是导航高度+iframe别的垂直部分高度)。此时,问题来了,如果iframe设置这个高度,则会让这个页面里面iframe和下面的内容有多余的一个空白高度(也就是二级菜单的高度)。于是,我们将下面的内容设置一个负margin(margin的高度为二级菜单的高度),然后,chorme和FF正常显示了。但是在ie下,iframe设置的这个高度(二级菜单的高度)会遮盖下面的内容, 继续阅读

发表在 前端技术 | 留下评论

透明度引发的层级关系

我们知道,在正常的文档流中,越往后的元素,层级越高、而子元素也比父元素的层级高。但当元素脱离文档流时,我们可以通过设置元素的z-index来定义元素的层级,而无需再顾忌元素的前后顺序。

以上都是很理所当然的,但如果给元素设置透明度,没有脱离文档流,各元素的层级还会这样吗?

Demo1

不如我们做个demo来测试一下吧!在demo中,我们设置三个元素(依次a,b,c),我们把b元素的透明度设置0.8。因win7的ie6不支持透明度,我们利用browserstack来在线测试。相关代码和 继续阅读

发表在 前端技术 | 标签为 , , | 留下评论

ie6不支持图片圆角的解决方案

css3可以使用border-radius轻易的对任何元素使用圆角。

但css2如何解决呢?倘若需求需要我们页面的图片都实现圆角,并且需要兼容ie6等低版本浏览器,那么又如何来实现呢?

我们想到用一张中间透明(如下图)覆盖在图片上,而对于不支持png的ie6,我们可以单独对ie6使用gif格式的背景,不过缺点是有那么点锯齿,但无关大雅。如果你非要使用png,也可以使用相关的js使png在ie6下透明 继续阅读

发表在 前端技术 | 标签为 | 留下评论