Skip to content

Instantly share code, notes, and snippets.

View zikkeung's full-sized avatar

zheng mingyou zikkeung

  • 盈合机器人
  • 深圳
View GitHub Profile
@zikkeung
zikkeung / IE支持CSS3多背景
Created July 23, 2013 10:15
多背景CSS中中越靠前的图片越在上面显示,对于IE浏览器,滤镜所带来的背景是在上面显示的,由于滤镜的背景图无法定位
#multi-bg {
background: url(images/bg-image-1.gif) top left repeat;
background: url(images/bg-image-1.gif) center center no-repeat, url(images/bg-image-2.gif) top left repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg-image-2.gif', sizingMethod='crop');
}
@zikkeung
zikkeung / 渐变文字
Created July 23, 2013 09:51
-webkit-text-fill-color: transparent;
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
p{
font-size:20px;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
-webkit-background-clip: text;
@zikkeung
zikkeung / Html5實現末上傳圖片即可預覽.html
Last active November 26, 2019 07:25
|-|{"files":{"Html5實現末上傳圖片即可預覽.html":{"env":"plain"},"readAsDataURL":{"env":"plain"}},"tag":"Uncategorized"}
<!DOCTYPE html>
<html>
<head>
<title>Image preview on realtime</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<h3>即時預覽Image</h3>