我们都知道当我们点击#id的连接后,如果网页中有这个id的,网页会自动跳动到其所在位置,如果网页中没有这个id,它就没有任何显示。 css3中添加了伪类:target,使用:target伪类可以让点击后的id有新的效果,比如改变颜色、位置等等。所以我们可以用它做很多效果,比...
我们来学习一下如何用CSS制作重叠效果的菜单,首先我们要知道什么是重叠菜单?大家看图一就明白了,重叠菜单就是在设计图中一个盖在另一个上面的菜单效果。 当然这个菜单的效果全要靠背景图体现出来,制作难点就在重叠部分背景和第一个菜单背景的运用,除此之外还有...
鼠标悬停效果很有用处,如何有条件的添加这个央视呢?我们来看一下,给元素添加一个hover样式,很简单,我们来看一个透明度的例子吧: div { opacity: 1.0; } div:hover { opacity: 0.5; } 但是如果我们只是想让当前真正hover了的div显示,而让其他的div模糊呢? 假...
初学CSS的朋友可能会碰到这样的问题,用IE6预览页面时经常在div区域外看到div区域内的文本内容,好像文本又被复制了一遍一样。这个其实是IE6的一个bug,本文就是要解决这个问题。如下图: bug名称: 这个问题是IE6的bug,俗称IE6注释bug,...
...
使用在Safari和WebKit中可用的CSS高级特性,你可以为你的网站和网络应用带来一个新的级别的令人兴奋的东西。WebKit是Safari浏览器和Google Chrome的渲染引擎。 因为浏览器会简单的无视他们不支持的CSS属性,所以在其他浏览器中,这些秘诀中的大部分可能会无效。使用只...
分析CSS11个class与一个id谁的优先级高的问题! 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style type="text/css"> body{font-family: "Microsoft YaHei";} .a1 .a2 .a3 .a4 .a5 .a...
以下是CSS样式:background-position的说明 background-position:url(图片) 水平(X) 垂直(Y) 如果水平(X)为正数、垂直(Y)为负数,表示以图片的右上角为坐标,移动各个位移,如 8 -8 (以右上角,向右移8PX 向上移8px); 如果水平(X)为负数、垂直(Y)为负数,表示...
我们在写代码的时候一定要注意减少或预防BUG,本文说说CSS下如何快速查找bug。相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指...
css如何设置某个div最小高度,然后再自适应,我们这里介绍个不错的解决办法。 看代码先: min-height:400px; //(解决ie8.9.ff.chrome) *+height:100%; //(解决ie7) _height:400px; //(解决ie6) ie6超出自动溢出 代码都有注释,只为了大家能看的...