shinebob - 博客园

2012年10月25日

今天帮同事修复一个bug，问题是这样的，页面中有一个表单提交，是跨域的，所以同事选择了target="iframeid"，就涉及到动态创建iframe的问题，他的方法是：createIframe : function(id, name, style){ var iframe = document.createElement('iframe'); iframe.setAttribute("id", id); iframe.setAttribute("name", name); iframe.style.cssText =

posted @ 2012-10-25 10:20 shinebob 阅读(447) 评论(0) 推荐(0)

2012年8月23日

CSS 背景透明实现

摘要： Css实现背景透明代码很简单opacity:0.5;filter:alpha(opacity=50);但是使用这段代码，会使子元素也具有透明效果，于是牛人们使用定位来实现透明，这里不多说。还有一种更简单的方法，那就是CSS3的rgba。background-color: rgba(0, 0, 0, 0.5);万恶的IE（IE9以下）是不支持rgba的，但是微软的滤镜可以解决。filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80000000', EndColorS 阅读全文

posted @ 2012-08-23 10:58 shinebob 阅读(2638) 评论(0) 推荐(0)

2012年6月29日

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 引起的链接失效（IE6）

摘要：使用filter:progid:DXImageTransform.Microsoft.AlphaImageLoader实现png24的背景透明时，容器内的超链接失效，无法点击。解决办法：设置position:relative。如果有其它定位，则需要使链接移出该容器。阅读全文

posted @ 2012-06-29 16:56 shinebob 阅读(512) 评论(0) 推荐(0)

2012年5月22日

Dom事件

摘要： Dom0级事件var btn = document.getElementById('btn');btn.onclick = function(event){ alert(this.id);};所有浏览器都支持，作用域为当前绑定元素。IE下没有传入event对象，需要通过window.event获得；其它浏览器均传入event对象Dom2级事件var btn = document.getElementById('btn');btn.addEventListener('click', function(event){ alert(this.id);} 阅读全文

posted @ 2012-05-22 21:26 shinebob 阅读(140) 评论(0) 推荐(0)

2012年2月22日

css权重

摘要： !importantstyleidclasstagn * 10000n*1000n*100n*10n*1 阅读全文

posted @ 2012-02-22 23:04 shinebob 阅读(109) 评论(0) 推荐(0)

link与@import区别

摘要：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。阅读全文

posted @ 2012-02-22 22:03 shinebob 阅读(156) 评论(0) 推荐(0)

浏览器严格模式与怪异模式

摘要：今天看到一则面试题：“严格模式与怪异模式-如何触发这两种模式，区分它们有何意义?”，感觉理论需要好好补充一下了，同时记录下来。一、严格模式的触发1、加DOCTYPE声明,比如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR 阅读全文

posted @ 2012-02-22 21:40 shinebob 阅读(370) 评论(0) 推荐(0)

2012年2月10日

HTML5 元素流程图

摘要：转自html5Doctor，地址：http://html5doctor.com/happy-1st-birthday-us/ 阅读全文

posted @ 2012-02-10 00:37 shinebob 阅读(435) 评论(0) 推荐(0)

2012年2月2日

js注意问题

摘要：看完“大叔”的《深入理解JavaScript系统——编写高质量JavaScript基本要点》，有点之前不是很了解，或者是一直没有注意的问题，特记录一下。1、var声明的变量，不能使用delete删除2、parseInt()需要指定基数3、使用Function代替eval附大叔文章地址：http://www.cnblogs.com/TomXu/archive/2011/12/28/2286877.html#2298805 阅读全文

posted @ 2012-02-02 23:23 shinebob 阅读(144) 评论(0) 推荐(0)

2012年1月31日

meta之viewport

摘要：最近一直在学习移动网页的开发，接触到viewport，特意查询一下，记录下来备忘。常用的viewport meta如下：<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">width:控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）height:和width相对应，指定高度initial-scale:初始缩放比例，页面第一次加载时阅读全文

posted @ 2012-01-31 11:09 shinebob 阅读(425) 评论(0) 推荐(0)

domready

公告