by kevin
11.
十一月 2014 21:10
>
chown命令: 可以用来改变linux文件的所有者,用到这个,是因为交替使用ftp和winscp上传文件,而且使用了不同的用户,导致经常出现上传失败。 css的 line-height: 很多浏览器默认line-height的值是font-size的120%,也有是100%的,所有应该考虑reset一下。 php的日期比较: 过程化方法:date_diff 对象化方法:DateTimeObject->diff 这个没有.net那么舒服,有个TimeSpan,要获取相差多少天,多少秒的,真心麻烦。 直接上代码: 1: public static function datediff($dt_menor, $dt_maior, $str_interval, $relative=false) {
2: if (is_s...
[更多...]
by kevin
15.
六月 2014 17:32
>
最近是累了点,懒了点。 一个div元素,点击,页面外的元素,隐藏此div。 1: $(document).mouseup(function (e)
2: {
3: var container = $("YOUR CONTAINER SELECTOR");
4:
5: if (!container.is(e.target) // if the target of the click isn't the container...
6: && container.has(e.target).length === 0) // ... nor a descendant...
[更多...]
by kevin
16.
十二月 2013 14:15
>
最近在改版65emall的时候,碰到一个很棘手的问题,Chrome浏览器有个最小字号设置,就是当字号小于最小字号时,就会自动调整为自动调整为最小的字号。如下图: 在中文版的Chrome中,默认的最小字号是12; 在英文版的Chrome中,默认的最小字号是10。 1: -webkit-text-size-adjust:none;
网上很多都建议使用上面这样的语法来实现,但在高版本的Chrome中,这个语法已经无效了。
所以使用 -webkit-transform:
代码如下:
1: .font-size8 { font-size: 8px;}
2: .font-size9 {font-size: 9px;}
3: .font-size10 {font-...
[更多...]
by kevin
8.
十一月 2013 13:40
>
做为一个非专业的Css编写人员,一不小心,就可以踩到坑。 觉得小于12号的字不利于阅读,所以google chrome小于12号的字,都会被修正为12号。 google了下,据说,随着浏览器版本的升级,处理的方案还不一样。 整体的代码如下: 1: * {
2: -webkit-text-size-adjust: none;
3: -webkit-transform-origin-x: 0;
4: -webkit-transform: scale(0.8333333333333334); /* 10/12=0.8333333333333334) */
5: }
by kevin
22.
十月 2013 13:58
>
要实现my cart那样的边框效果,很自然的想到 上面一个div, 下面一个div, 上面那个div的z-index比下面的这个大, 下面这个div往上移1px。 然后,悲剧就开始了。。。 总结了一下,基本上是以下几个坑: z-index 仅能在定位元素上奏效,就是要求该元素设置 position:xxxx,否则z-index无效。 如果元素内嵌于li,那么li需要设置 position:relative 上面的div需要设置background,否则无法遮住下面的div 主要代码如下: 1: <li style="position:relative" id="cart" >
2: <div style="width:...
[更多...]
by kevin
15.
八月 2013 13:23
>
目前,没有统一的CSS语法可以来设置placeholder的样式,但IE,Firefox, Chrome/Safari都提供了各自的语法,具体如下。 1: ::-webkit-input-placeholder { color:#f00; }
2: ::-moz-placeholder { color:#f00; } /* firefox 19+ */
3: :-ms-input-placeholder { color:#f00; } /* ie */
4: input:-moz-placeholder { color:#f00; } /* firefox */
by kevin
23.
七月 2013 22:26
>
这个话题挺有意思的,网上给出了很多的解决方案,感觉只有一种方法比较实用。 1: <div style="width:150px; height:150px;display:table-cell; vertical-align:middle;">
2: <div style="width:150px;">
3: <div>
4: </div>
其实,如果不考虑IE,并不需要嵌在内部的div。
另外PS另外一个小技巧:img的等比例缩放大小。
1: <img style="max-height:150px; max-width:1...
[更多...]
by kevin
26.
六月 2013 13:56
>
前段时间,65emall上请设计公司设计的活动页面使用了google字体,效果是挺好看的,问题是google字体只提供woff文件,所以在ie浏览器下无法正常浏览,要兼容ie的各个版本需要将woff文件转换成eot,tff等文件,找了很多个网站或是技术问题,或者是版权问题,都无法直接转换woff文件,最后在颠_颠帮助下找到了everythingfonts。问题就可以解决了。 1 将google字体下载下来 2 通过everythingfonts将woff文件转换成tff文件 3 再通过其他的在线字体转换网站转换成eot等文件格式 4 然后是@font-face来搞定 PS: 1 everythingfonts可能需要翻墙。 2 转换后的字体,字宽可能会不一样,可以使用font-weight来调整一下。 3 版权问题,谁要知道怎么处理,更我说一下。 4 ht...
[更多...]
by kevin
3.
六月 2013 13:54
>
这几天,在写CSS的时候,碰到两个问题。 1. 对chrome下只用做background的td标签height设置为5px,但实际显示的效果是6px。 解决的方法是:在td内添加一个div,设置div的height为5px; 原始代码: 1: <td class="top" colspan="6"></td>
2: <style>
3: .top {width: 1183px; padding: 0px; height:5px; background-image: url(/Content/Image/UI/Order/myorder_top.png); background-repeat: no-repeat; }
...
[更多...]
by kevin
27.
五月 2013 11:08
>
很多时候,我们希望给div加个圆角的边框,或者图片边框。很自然,我们想到九宫格的布局。这时,不应该考虑使用div来实现九宫格,而要使用table来实现,因为作为背景的div的高度宽度无法自适应。如下: auto width auto height auto height auto width