搜索

windows media player播放器把div给遮住的问题

01月24日
分类:前端 标签: 评论:[5]

通常，我们碰到flash把div给遮住的问题。想到的解决方案都是：

IE：

	<param name="wmode" value="opaque">

Firefox：

	<embed src="/xx.swf" quality="high" wmode="transparent"></embed>

继续阅读»

Remove spaces between inline-block elements

11月10日
分类:IT Skill 前端 标签: 评论:[8]

今天下午三思问我，关于inline-block元素之间的缝隙怎么去除，怎么做到inline一样？

犁地哥

其实对于这个问题的解决方法就是删除换行。

删除空格

继续阅读»

[译]更简单的CSS Grid

10月14日
分类:前端 标签: 评论:[0]

上周我谈到960 Grid System is Getting Old.出人意料地收到很多评论。好像大家用960gs是因为“黄金比例”——所有值都是偶数。我是一位设计师，不是一个网格科学家。为什么要为了适应960gs而限制你的布局？网格应该是在设计中帮你忙，而不是限制你的创造力。之前我提到的978 grid，不仅只为了增加页面宽度，而且是放宽了列间距，这样用户阅读起来更舒服。今天，我将继续上篇，对我最初提出一些观点做更进一步的阐述。（原文中的ellaborate应改为elaborate [vi. 详尽说明;变得复杂 |　vt. 详细制定；详尽阐述；详细描述]）

960.gs的问题

1.窄小的间距

我做了一个Photoshop效果图，来展示20px的间距在960gs是什么样的。对于现代的设计来说，这间距有点太窄小了。

960gs

继续阅读»

Multiple Borders with Simple CSS

07月07日
分类:前端 标签: 评论:[3]

不用多层div嵌套，不用图片，我们只要用简单的CSS就能实现多层边框的效果，其方法是通过:after 和 :before 伪类。效果如下图。

multi-border-with-simple-css

继续阅读»

Email客户端支持CSS概述

07月01日
分类:IT Skill Share 前端 标签: 评论:[0]

原文： http://www.campaignmonitor.com/css/

由于电子邮件客户数量一直呈增长的趋势，我们需要了解不同的电子邮件客户端对CSS的支持状况。这里是针对市场上10个最流行的电子邮件客户端对CSS支持做了一份概述指南。

继续阅读»

Hack for Webkit: Filter for Chrome and Safari

06月28日
分类:前端 标签: 评论:[0]

To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block:


@media screen and (-webkit-min-device-pixel-ratio:0) {
     .myClass { background-color: #FF0000; }
     #myId {color: #0000FF;}
     p, a, li {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);}
}

继续阅读»

让IE支持HTML5标签

05月30日
分类:前端 标签: 评论:[1]

在John Resig的“HTML5 Shiv”和Remy Sharp的“HTML5 enabling script”，均是用脚本创建新的HTML5标签的dom元素。

因此我们可以引用这样的脚本：

  1. (function(){
  2. if(!/*@cc_on!@*/0) return;
  3. var html5 = “abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video”.split(‘,’),
  4. …
  5. })();

继续阅读»

HTML5 and CSS3: Is your browser ready?

05月15日
分类:前端 标签: 评论:[0]

html5 readiness

虽然，HTML5和CSS3还没最终确定一张交互图来清晰地展示未来浏览器支持哪些特性，但从上图，我们能明显的看到一点：IE离其有多远！

继续阅读»

当前各浏览器的并行连数

05月10日
分类:前端 标签: 评论:[4]

下表显示了每个支持当前的浏览器为HTTP/1.1中以及HTTP/1.0的服务器连接数

Browsers HTTP/1.1 HTTP/1.0
IE6,7 2 4
IE8 6 6
FireFox 2 2 8
FireFox 3 6 6
Safari 3,4 4 4
Chrome 1,2 6 ?
Chrome 3 4 4
Opera 9.63,10.00alpha 4 4

继续阅读»

CSS3 Solutions for IE

05月01日
分类:前端 标签: 评论:[2]

个人一直提倡尽量少用hack，多研究自己的结构，多研究自己的写法，除非一些经典的IE hack。总之是在万不得已的情况下，我个人才会去使用hack这东西！

下午一点半的车，还是抽空去看看一些关注网站的动态,发现一篇关于CSS3 Solutions for Internet Explorer。其实相当一部分是使用IE的filter属性。

ie

Opacity / Transparency

  1. #myElement {
  2. opacity: .4; /* other browsers */
  3. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */
  4. -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(opacity=40)”; /* this works in IE8 only */
  5. }

继续阅读»

123»