摘要: 当IE8发布时,它将支持很多新的CSS display属性值,包括与表格相关的属性值:table、table-row和table-cell,它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束,同时也给了HTML表格布局致命一击。最终,使用CSS布局来制作出类似于table布局的栅格将会变得十分迅速和简单。网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。使用CSS表格CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题。例如,“display:tabl 阅读全文
posted @ 2013-11-08 13:40 mguo 阅读(15585) 评论(0) 推荐(1) 编辑
摘要: jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是: 从长久来看,这样有利于在复杂情况下根据浏览器特性进行分别处理, 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性, 所以在网上找了一些能够直接替换的解决办法。判断浏览器类型... 阅读全文
posted @ 2013-09-24 10:58 mguo 阅读(1012) 评论(0) 推荐(0) 编辑
摘要: canvas元素支持绘制任意图片元素:var ctx = document.getElementById("canvas").getContext("2d");if (ctx){ var img = new Image(); img.src = img_url; img.onload = function(){ ctx.drawImage(img, 0, 0, 640, 480); }}我们还可以通过context的getImageData方法获取图像每个像素的数据,但是如果你的img_url和你的页面不是同源的,那么getImageData会导致错误, 阅读全文
posted @ 2013-09-08 01:42 mguo 阅读(694) 评论(0) 推荐(0) 编辑
摘要: 首先需要明确的是,很多情况都会导致一个元素被运用上多种样式,样式覆盖的规则也需要根据不同的情况来定,具体规则如下。规则一:由于继承而发生样式冲突时,最近祖先获胜。CSS的继承机制使得元素可以从包含它的祖先元素中继承样式,考虑下面这种情况:123456789101112rule1welcometogaodayue的网络日志strong分别从body和p中继承了color属性,但是由于p在继承树上离strong更近,因此strong中的文字最终继承p的蓝色。规则二:继承的样式和直接指定的样式冲突时,直接指定的样式获胜。在上面的例子中,假如还指定了strong元素的样式,如:1strong{colo 阅读全文
posted @ 2013-08-08 12:43 mguo 阅读(7901) 评论(1) 推荐(0) 编辑
摘要: 先打开一个含有图片的文件夹,在文件夹空白处右键选择属性,打开自定义选项卡。确定自定义选项卡 显示的是:“优化此文件夹:图片”。然后,选择:组织--文件夹和搜索选项--查看--文件夹视图,应用到文件夹。 阅读全文
posted @ 2013-08-08 12:39 mguo 阅读(1404) 评论(0) 推荐(0) 编辑
摘要: Jboss,Tomcat 远程调试配置2007-12-25 15:51:01|分类:默认分类|字号订阅Eclipse远程调试JBoss应用修改JBoss启动配置 打开JBOSS_HOME/bin目录下的run.conf文件,找到: #JAVA_OPTS="$JAVA_OPTS -Xdebug -Xrunjdwp:transport=dt_socket,address=8787,server=y,suspend=y" 将其修改为: JAVA_OPTS="$JAVA_OPTS -Xdebug -Xrunjdwp:transport=dt_socket,address= 阅读全文
posted @ 2013-08-02 09:10 mguo 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 方式一:引用google的html5.js文件,代码内容可以自己下载下来看。 将以上代码放到head标签区间 方式二:自己coding JS搞定。 不管你用上面哪中方式,请记得在CSS中进行如下定义,目的是让这些标签成为块状元素,just like div。/*html5*/article,... 阅读全文
posted @ 2013-07-18 17:03 mguo 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 1./* -- 类式继承 -- *///先声明一个超类function Person(name) { this.name = name;}//给这个超类的原型对象上添加方法 getName Person.prototype.getName = function() { return this.name;}//实例化这个超var a = new Person('Darren1')console.log(a.getName());//Darren1 //再声明类function Programmer(name, sex) { //这个类中要调用超类Person的构造函数,并将参数n 阅读全文
posted @ 2013-07-08 15:24 mguo 阅读(8488) 评论(0) 推荐(1) 编辑
摘要: 在现代浏览器,如果子元素float,则父元素不会自动被撑开#nofloatbox { border: 1px solid #FF0000; background: #CCC; width:200px;}#floatbox { float: left; width: 100px; height: 10... 阅读全文
posted @ 2013-06-28 18:44 mguo 阅读(2389) 评论(0) 推荐(1) 编辑
摘要: line-height属性的细节与大多数CSS属性不同,line-height支持属性值设置为无单位的数字。有无单位在子元素继承属性时有微妙的不同。有单位(包括百分比)与无单位之间的区别有单位时,子元素继承了父元素计算得出的行距;无单位时继承了系数,子元素会分别计算各自行距(推荐使用)。1当line-height:xxx %时:body{ font-size:14px; line-height:150%;}h1{ font-size:26px; }实际结果就是:body{ line-height:21px; /* 14px*150%=21px */ }h1{ line-height:21px; 阅读全文
posted @ 2013-06-28 17:38 mguo 阅读(1919) 评论(1) 推荐(1) 编辑