CSS

IE7-JS 背景图片浮动问题

IE7-JS不我想不用我做太多说明，用过的人都知道。 没用过？那还是简单说明一下吧，就是用JS让IE6以及以下版本兼容IE7或IE8（想兼容到IE8就用IE8-JS）的。。。？ 详细请见：http://code.google.com/p/ie7-js/ 言归正传，在使用IE7-JS的时候再IE6给body设置背景图片，结果背景图片是浮动的。当然，如果你想让背景图片浮动这是好事，但大家习惯默认情况是背景图片是固定的，也就是随页面的滑动以前滑动，而不是背景和内容是分开的。 其实这个很好解决。 [css highlight="3"] body { background: #212121 url(images/bg.png) repeat-x top; background-attachment:inherit; } [/css] 就是background-attachment:inherit;这一段代码，我试过将inherit直接加在background: #212121 url(images/bg.png) repeat-x top;后面。像下面这样。但是不好...
阅读全文 >>

对CSS布局的一点见解

最近致力于制作一个WordPress主题（偷来的）。 本身我的网页美工方面是很差劲的，加上对CSS的浅薄的了解，遇到了很多问题。 也是第一次接触jQuery，发现jQuery没有我想想的那么难。 最头疼的问题就是IE7一下版本的兼容问题，其中最棘手的是PNG图片透明问题，和div布局问题。 已经放弃IE6以下版本的浏览器的测试了，到目前大概半个月多月的时间（甚至更长），做到的东西少之又少，但学到了不少东西。 比如 在IE6 div层的高度问题 一直找不到愿意，后来才发现如果div层的高度小于body样式里设置的font-size那么div层的高度会变成body样式里设置的font-size+3px。所以只能在其样式里设置font-zize:0;。 还有就是半透明PNG图片的问题 网上的大多数方法都试过，觉得最好是以下两种方法配合使用。 1.http://www.twinhelix.com 开发的 PNG Alpha Fix 2. .if_btn_active { background:none; filter:progid:dximagetransfor...
阅读全文 >>

CSS实现固定浮动层

用CSS很简单就可以实现浮动层固定 就是position: fixed; 再配合z-index:100;top:10px;left:10px;此类样式就可以实现浮动层的位置了。 但是IE7一下版本并不支持position: fixed; 所以很多人会用JS或jQuery代替CSS样式来实现固定浮动层 其实只要使用IE7-js就可以让IE7一下版本也支持绝大部分的CSS 2.0标准了 演示地址 http://ie7-js.googlecode.com/svn/test/fixed.html IE7-js或IE8-js下载地址 http://code.google.com/p/ie7-js/
阅读全文 >>