01 2012 档案

去掉虚线框兼容所有浏览器
摘要：当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：a:focus {outline:none;-moz-outline:none;}顺便提一下，如果你用过 Safari 和 Chrome 可能会发现，当输入框得到焦点时边框会出现阴影效果。如果想去掉阴影效果也可以用 outline 属性。input,textarea { outline:none;}言归正传，刚刚说的是 Firefox ，现在说说 IE。首先比较遗憾，还没有找到通过 CSS 去掉 IE 链接虚线... 阅读全文
posted @ 2012-01-13 11:03 jnpd 阅读(232) 评论(0) 推荐(0)
position:fixed在IE6下的实现
摘要：Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法，在学习中我们应该去思考在什么布局情况下，应该使用它们其中的哪一种。值描述static默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。relative位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 “left:20″ 会将元素移至元素正常位置左边 20 个像素的位置。absolute位置设置为 absolute 的元 阅读全文
posted @ 2012-01-13 10:52 jnpd 阅读(219) 评论(0) 推荐(0)
弹出层被flash遮盖
摘要：这两天搞了一个弹出层的小程序，可测试的时候发现总是被网页中的flash覆盖。原以为是深度或位置设的不对，网上一查原来是flash的设置问题。下面是我找到的解决方案：在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入 flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什么意义，为什么可以解决这个问题呢？window mode(wmode)wmode即窗口模式总共有三种，看看当年Macromedia官方 阅读全文
posted @ 2012-01-12 15:13 jnpd 阅读(524) 评论(0) 推荐(0)
用css写三角形
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>三角形的写法</title><meta http-equiv="Content-Type" cont 阅读全文
posted @ 2012-01-12 14:45 jnpd 阅读(436) 评论(0) 推荐(0)
IE6 中 a:hover 的bug
摘要：如上图，在制作数码热销排行的页面时，每种手机的图片都是固定的160×120大小，但是出于页面美观及内容可读性的考虑，在列表页上图片都压缩为原大小的50%显示；也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时，我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显示用户头像上：抓虾使用的技术是利用一个隐藏的浮动层，每张缩略图上注册mouseover事件，当鼠标移动到缩略图上时，设置浮动层中img元素的src属性为头像的图片URL，然后通过JavaScript计算绝对定位，将放大后的头像显示在缩略图上。事实上，如果图片显示的大小已经固定的话，不需要JavaScrip 阅读全文
posted @ 2012-01-12 11:48 jnpd 阅读(190) 评论(0) 推荐(0)