葫芦居士

  • GoHome!
  • 葫芦是谁
  • 我的作品
  • 留下足迹
  • 意外收获
Categories Categories
  • [48] 生活日记
  • [14] 设计理念
  • [9] Photoshop
  • [6] ASP程序
  • [31] Ajax/Javascript
  • [13] Css/Html
  • [4] 高清图片集
  • [13] 系统安全
  • [17] 网页设计
  • [6] 平面设计
  • [4] 其他设计
  • [13] 杂文收集
  • [9] 英语学习
  • [7] Flash/多媒体
Recent Comments Recent
  • 近期的一些总结
  • Js键盘事件:keypress,k......
  • 我已离开新浪
  • WINDOWS7下用chrome浏......
  • 推荐一个国外卡通漫画网
  • 爱丽丝梦游仙境
  • 腾讯新浪通过IP地址获取当前地理位......
  • ie下iframe边框去不掉的问题
  • 50张漂亮油画欣赏
  • 作为中国人不可不知道的知识
Recent Comments Comments
  • [阿布] 不错。很好
  • [raulfan] 同感
  • [ConciseTony] we wi......
  • [arcbox] 几年来没什么进步啊。感觉有点退步了......
  • [宋凯] 经典好文章 ......
  • [~~=-] 怎么没看见地址啊?
  • [fdsf] [url=http://www.n......
  • [kk] http://www.gzao.c......
  • [wongxming] 这个设计挺稳重
  • [八月] 很好,很强大,有茶的韵味!
切换查看方式 切换查看方式 ViewType
Home首页 > Css/Html
文章

ie下iframe边框去不掉的问题

Posted at:2010-1-28 10:23:30 | 0 comments | 441 viewers

大家都知道,只要设置Iframe的属性:frameborder="0",Iframe 就不显示边框,但是当你使用以下方法时似乎这个属性不起作用: js代码 this.frame = document.createElement("iframe");    this.frame.setAttribute("frameborder", "0");     Ifram依然显示边框,这是为什么呢,如果你查看一下DOM Inspector 你会发现在IE下面,DOM里面的属性都是大写的,也就是说上面这段代码,在IE里面最后会变成: < IFRAME f...[阅读全文...]
文章

淘宝执行WEB标准的规范

Posted at:2009-3-27 9:26:36 | 0 comments | 520 viewers

这几天部门小组在整理页面制作的相关规范,以前大多都是按照自己的个人习惯在进行页面的制作,开发速率高,但是可读性比较差,今天在看了淘宝的WEB标准规范后,感觉的确有值得借鉴和学习的地方,所以在此列出他们的链接,相信还有一部分朋友没有看过。 淘宝的DPL中的许多缩写及命名约定值得借鉴 http://assets.taobaocdn.com/tbra/dpl/common/basic_structure.html (页面基本结构和命名约定) http://assets.taobaocdn.com/tbra/dpl/common/box_demo.html (盒模型,包含常见的标题及更多等) http://assets.taobaocdn.com/tbra/dpl/common/pic_demo.html (图片,比较合理地解决跨浏览器居中问题,*我们对应的视频及图片可以借鉴*) htt...[阅读全文...]
文章

wap1.2和wap2.0的区别与比较

Posted at:2009-2-9 10:48:27 | 0 comments | 669 viewers

wap1.2版本: 1、抬头: <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_2.1.xml"> <% response.setContentType("text/vnd.wap.wml;charset=UTF-8");%> <% request.setCharacterEncoding("UTF-8");%> <%@ page contentType="text/vnd.wap.wml; charset=GB2312" %> w...[阅读全文...]
文章

CSS布局常见问题

Posted at:2008-4-30 18:17:50 | 0 comments | 649 viewers

来源:http://bbs.blueidea.com/viewthread.php?tid=2636904 4月16日修订的内容: 将quirks模式这一部分单独移动到一篇文章中讲述。 添加:边缘裁切。 添加:收缩包围(shrink-wrapping)现象。 5月17日修订的内容: 重写了了浮动元素旁边的元素这一部分。 部分章节小的修正:属性,有关内联级别元素,CSS hacks。 重新整理了部分章节的语言:定义,数据,问题种种,分析,清除浮动和自动扩展适应高度,绝对定位元素。 On having layout 本文修订中 当前版本:Rev. 7 2006–05–17 http://www.satzansatz.de/cssd/onhavinglayoutrev07-20060517.html 修订历史 ...[阅读全文...]
文章

CSS hack 汇总

Posted at:2008-4-14 0:42:40 | 0 comments | 479 viewers

由于浏览器之间存在兼容性问题,在制作网页的时候,为了使页面能在不同浏览器中显示相对一致或者其他原因,网页制作人员总结了种种 Hack 方法;在解决兼容性问题之前,这些方法还经常会用到。 屏蔽IE浏览器(也就是IE下不显示) CSS:  *:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。  仅IE7与IE5.0可以识别 CSS:  *+html select {…}当面临需要只针对IE7与...[阅读全文...]
文章

Web前端开发工程师必备技术列表

Posted at:2008-3-26 14:41:45 | 0 comments | 421 viewers

  想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:   通过许多实际项目,个人认为一个完备的前端产品开发团队,必须拥有如下的人才配备,也希望大家补充:   ◎ 团队全体成员达到所有技能中的a级标准    ◎ 团队全体成员必须掌握两项技能中的b级标准,并保证所有的b级标准在该团队中有50%以上成员能达到    ◎ 团队全体成员必须掌握一项技能中的c级标准,并保证所有的c级标准在该团队中有25%以上成员能达到  具体技能描述: 【必备】UserInterface  ◎ Photo...[阅读全文...]
文章

[CSS]自适应宽度圆角按钮

Posted at:2007-12-27 14:49:53 | 0 comments | 2813 viewers

本文链接: document.write(document.location.href); http://5key.net/blog/index.php/2007/11/20/liquid-css-menu/ 昨天群里大家讨论到一个豆瓣上的按钮,下面这个。在这里用到了不同宽度的按钮,但是只是用到了一个图片。 演示地址:http://5key.net/demo/liquid-css-menu/  先来看张图片: 原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok,看看代码吧。 下载: liquid-css-menu.html <style>                 ...[阅读全文...]
文章

CSS布局 BUG汇集

Posted at:2007-12-15 14:50:24 | 0 comments | 4471 viewers

A. IE6下 margin 设置的间距变双倍(两倍)距离 触发条件: 1、父元素包含子元素 2、子元素设置了浮动(float) 3、子元素设置了外边距(margin) 4、浮动方向和边距方向一致 解决方法: 给子元素设置内联现实(display:inline)[阅读全文...]
文章

CSS Hack汇总快查

Posted at:2007-11-29 11:50:32 | 0 comments | 499 viewers

屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px  !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/ select:empty {font:12px  !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与IE5.0可以识别 *+html  select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 仅IE7可以识别 *+html  select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 IE6及IE6以下识别 * html  s...[阅读全文...]
文章

css模拟title和alt的提示效果

Posted at:2006-10-24 19:32:43 | 1 comments | 885 viewers

这段时间写了很多页面代码,除了一些知识重复以外,也学到css的一些新东西,或许是旧东西,但是还是希望能对大家有用。 其实在css里面有很多对a的样式应用,因为a标签是仅有的默认可以触发动作的标签,因此在很多时候可以用css来控制a达到js才能达到的效果,比如今天要介绍的css仿title和alt的提示效果: 先来分析一下这种效果的特点,无非就是在鼠标悬停的时候出现一个包含介绍文字的提示层,如果用传统的javascript来实现,就要设置对象的onmouseover和onmouseout属性,而如果把对象看作是a属性中的link和hover的话,这个问题就更清晰了,因为只要把对象的link属性设置为隐藏提示层、hover属性设置为呈现提示层即可,那么这个提示层的位置究竟在哪里呢?当然是在a标签中间了,目前常用的办法是把提示内容放在span标签中间进而包含在a标签内部,然后设置a:link...[阅读全文...]
« First « 1 2 » Last » Page:1 of 2
www.GourdBoy.com All Rights Reserved. Design by GourdBoy ,since 2001.
蜀ICP备08004818号