分类目录归档:CSS Hack

收集和学习各浏览器(ie6,ie7,ie8,ie9,firefox,chrome,safari)等的兼容性(hack)问题

用CSS实现多浏览器兼容的透明度效果

由于IE功能不健全,导致很多功能不支持,必须得要写hack或其它方法来实现其它浏览器的效果

如IE不支持 opacity 这个属性呢?这个问题已经存在很长很长时间了,其实 opacity 是 CSS3 的属性,虽然IE不提供支持,但是IE可以通过专用的过滤器属性提供类似的透明度设置。

是不是很奇[……]阅读全文

发表在 CSS Hack | 标签为 , , | 留下评论

10个惊人的Css Hacks技巧

一些惊人的前端CSS Hacks技术仍为许多开发者不为所知,今天收藏的这篇文章里,让我们看到10个跨浏览器的CSS Hacks技术,以全面提升您的前端设计技术。

1 – Cross browser inline block

<style>
    li {
        w

[……]阅读全文

发表在 CSS Hack, 资源 | 标签为 | 一条评论

CSS:alpha背景透明

在各浏览器下用css实现背景透明。 但有个bug就是div中的所有元素都透明。这个问题一直困扰着我,有幸找到一种解决办法,就是加上span元素,在span中定义 position:relative,我也不知道为何加绝对定位就能解决,有时候方法就这么神奇似的。遗憾的是这个方法也只针对IE,其他浏览器还[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

重置默认样式 css reset 分享

最近看到一个词叫css reset。什么叫做css reset呢?我理解为重置css,也就是重置默认样式。我在HTML下的默认样式中讲到,一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset)。每个人的用法和写法[……]阅读全文

发表在 CSS Hack | 标签为 , , , | 留下评论

对付CSS兼容问题的十个超级技巧

一、针对firefox ie6 ie7的css样式

现在大部分都是用!important来 hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!找到一个针对IE7 不错的hack方式就是使用“*+html”,现在用IE7浏览[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

css hack浏览器兼容

各大浏览器独享hack

ie6: “_“下划线是它的独享,例如: _background-color:#000;

ie7: “+!important” 复杂了点,但是为了效果… ,例如: + background-color:#000 !important;

FF: “!important“[……]阅读全文

发表在 CSS Hack | 标签为 , , , , | 留下评论

多IE下的页面在线测试

ipinfo.info,可以在多内核IE里进行测试,并且可以在IE6与IE7的产生一张对比图,通过图片,你可以清楚看到被测试页面在IE6与IE7下的不同。Visit[……]阅读全文

发表在 CSS Hack | 标签为 , , , | 留下评论

clearfix:清除浮动(收藏)

.clearfix:after{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

收藏几个CSS效果,非常不错

 

今天无意打开一个网站52W3C,有一个Free Templates栏目下有几个收藏CSS项目,里面包括Module、Layout,效果都非常不错,并且兼容 ie6 ,ie7, firefox, safari。[……]阅读全文

发表在 CSS Hack, 资源 | 标签为 , , , , , | 留下评论

Div+Css页面特效代码30个

1. Hoverbox Image Gallery

鼠标移到小图上放大查看大图效果

下载地址:http://sonspring.com/files/hoverbox.zip

A pure css-based gallery; hovering over an image enlarges itHoverbox Image Gallery[……]阅读全文

发表在 CSS Hack, 资源 | 标签为 , | 留下评论