zIndex - 混乱的三次元

南瓜小米粥 发表于 前端开发 分类,标签: zIndex

w3c关于z-index的解释如下:
   定义和用法:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。元素可拥有负的 z-index 属性值。z-index 仅能在定位元素上奏效(例如 position:absolute/relative;)
   说明:该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。
   可能的值:auto/number/inherit 

简单理解就是,z-index将二次元的web带入了三次元的空间。除了x、y轴之外,通过z-index我们还能操作z轴(在做3D变换时这非常重要)。 

影响元素堆叠顺序都有哪些因素呢:
   1.文档流:默认情况下位于文档流后面的元素会覆盖前面的元素。
   2.定位:position不为static的元素,z-index越大,堆叠优先级越高。 

阅读全文>>

阿里巴巴 国际站UED招聘

南瓜小米粥 发表于 唧唧歪歪 分类,标签: 招聘
点击查看原图

阅读全文>>

python项目部署时可能会遇到的问题汇总

南瓜小米粥 发表于 python 分类,标签: python部署

项目环境:ubuntu+apache2+python+wsgi+webpy,开发环境下项目正常,部署到正式环境时出现以下问题:

1. import无效,无法导入其它包

    解决办法:

#在import自己的包之前要先把路径加到系统的path中
import os
import sys
abspath = os.path.dirname(__file__)
sys.path.append(abspath)
os.chdir(abspath)

阅读全文>>

apache的一些小技巧

南瓜小米粥 发表于 python 分类,

windows下的apache:

如果apache的配置文件httpd.conf搞错了,启动时只会提示the requested operation has failed。可以用命令行模式启动apache,并带上参数,apache会提示你哪句有误,然后就可以针对性的解决,命令如下: 

httpd.exe -w -n "Apache2" -k start 

linux下的apache启动、停止命令:

/etc/init.d/apache2 start
/etc/init.d/apache2 stop

某些情况下service apache2 restart不好用时,可以尝试下这2种方法

阅读全文>>

用google分析统计锚点点击

南瓜小米粥 发表于 前端开发 分类,标签: Google Analytics 统计锚点
很多网站都用Google Analytics作为自己的分析工具,统一pv,加载速度等数据。除了这些基本的数据外,Google Analytics还有很多很好用的方法,比如统计如下tab的点击:

点击查看原图

阅读全文>>

windows下让apache支持python

南瓜小米粥 发表于 python 分类,标签: windows apache python mod_python

前提:windows下是通过apache的mod_python模块来实现对python的支持的。从这里可以发现,目前mod_python只支持到apache2.2和python2.5,所以我们只能下载2.5版本的python。

详细步骤:

1. 下载安装python2.5: http://www.activestate.com/activepython/downloads

2. 下载mod_python(mod_python-3.3.1.win32-py2.5-Apache2.2): http://archive.apache.org/dist/httpd/modpython/win/3.3.1/ 安装时会自动寻找的python的路径,并询问apache的安装路径:

阅读全文>>

七夕,让你的网站跟css3约会吧

南瓜小米粥 发表于 前端开发 分类,标签: css3解决方法 Conditional-CSS使用方法

对于单身宅男来说,节日什么的真的就是浮云,我们的生活里只有上班和周末。

css3、html5已经出生一段时间了,但至今仍然是两条光棍,远不及自己的学长xhtml、css2受欢迎。究其原因无非他们妈逼的紧,再加上这2条光棍要求也高。

这个七夕,Conditional-CSS做红娘,让css3跟你的网站来一次约会吧。

先介绍下Conditional-CSS:

Conditional-CSS allows you to write maintainable CSS with conditional logic to target specific CSS statements at both individual browsers and groups of browsers.

简单的说就是:Conditional-CSS允许你在css文件中使用类似脚本语言的if语句。是不是很爽呢~~更爽的是:当浏览器请求css时Conditional-CSS会过滤掉跟当前请求的浏览器不匹配的css内容,而不是把所有的css都输出给客户端。

阅读全文>>

chrome下12px字号限制的解决办法

南瓜小米粥 发表于 前端开发 分类,标签: chrome 12px
使用Webkit的私有属性 -webkit-text-size-adjust 来解决chrome下12px字号限制的问题:
.xxx {-webkit-text-size-adjust:none;font-size:*px; }

阅读全文>>

基于css3的图片轮播

南瓜小米粥 发表于 前端开发 分类,标签: 图片轮播 css3图片轮播

基于css3的图片切换效果,主要改进了2点:

    1. 切换的效果使用了css3。

    2. 用css实现了1、2、3的数字效果

效果图:

阅读全文>>

仙剑奇侠传五去除360图标方法

南瓜小米粥 发表于 单机游戏 分类,标签: 仙剑奇侠传五 删除360图标 fuck360

仙剑奇侠传五去除360图标方法,win7 sp1旗舰版测试通过:

1. 安装仙剑奇侠传五

2. 进入SOFTSTAR\Pal5目录下找到Extern.dll文件,重命名Extern.dll.bak。

3. 重新运行Pal5.exe

删除360图标后,还可以顺便到仙五安装目录下的Movie文件夹中看看全部的11个CG(剧透灰常严重)。高清版的CG其实也没那么坑爹。

《仙剑奇侠传五》数字版(¥50):3DM淘宝店

《仙剑奇侠传五》标准版(¥79):3DM淘宝店

阅读全文>>