技术相关

DIV+CSS图片背景切割减少请求次数

DIV+CSS图片背景切割减少请求次数

CSS切割图片,使用一张包含很多ico等图片的素材使用在不同的元素里。CSS切割真正意义上的并不是切割,而是利用CSS的属性取图片其中的一部分显示出来。这样的好处就是大大减少了网页打开的时间,提高了网站体验度。 CSS实现一张大图切割的方式有两种,一种是作为某一个元素的背景图片,另外一种是利用img的属性。 1、img元素属性clip的rect。用法说明: img{ position:absolute; clip:rect(20px 100px 50px 20px); } clip的4个参数,分别是对应图片img的左上角为坐标起点,第1个参数y1是定位的y坐标(垂直方向)的起点,第二个参数x1定位的x坐标(水平方向)的起点 ,第三个y2定位的y坐标(垂直方向)的终点 ,第四个x2定位的x坐标(水平方向)的终点 。 2、用CSS中background属性。事例代码: background:transparent url(123.jpg) no-repeat scroll -140px -20px; transparent表示透明无颜色  -140px 表示水平位置在图片的-14…

Continue reading

CSS3 Media Queries

CSS3 Media Queries

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href=”css/reset.css” rel=”stylesheet” type=”text/css” media=”screen” /> <link href=”css/style.css” rel=”stylesheet” type=”text/css” media=”all” /> <link href=”css/print.css” rel=”stylesheet” type=”text/css” media=”print” /> 或者这样的形式: <style type=”text/css” media=”screen”> @import url(“css/style.css”); </style> 不知道大家留意没有,其中两种方式引入CSS样式都有一个共同的属性“media”,而这个“media”就是用来指定特定的媒体类型,在HTML4和CSS2中充许你使用“media”来指定特定的媒体类…

Continue reading

图片下方出现缝隙解决方法

今天在做一个手机网页时,发现一个奇怪的问题,代码没问题,可是预览时总是发现图片下方和div边框之间有一条4px的空隙,最后还是得以解决。 最简单的办法是固定高度: <div style=”width: 900px;height: 75px;margin-top: 0px;”><img src=”images/top.jpg” width=”900″ height=”75″></div> 一个可以使用display属性解决: <div style=”float: left;”> <img src=”images/picture1.jpg” style=”border:4px solid #191919;display:block;” width=”553″ height=”179″ /> </div> 另一个可以用vertical-align属性解决: <div style=”float: left;”> <img id=”pic1″ src=”images/picture1.jpg” style=…

Continue reading

CSS解决图片下面有空隙的简单方法

CSS解决图片下面有空隙的简单方法

在用CSS制作网页过程中可能会碰到图片下面有空隙的问题,本文给出了最为简单的解决方法。 解决方法:在图片的css中加 vertical-align:bottom; 效果 例如: 演示代码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>解决图片下有空隙</title> </head> <body> <style> *{margin:0px;padding:0px;} #l1 {float:left;background:#000;padding:20px;m…

Continue reading

PHP利用showmycode在线解密Zend加密的文件

PHP利用showmycode在线解密Zend加密的文件   /** * 在线解密Zend加密 * @author jakehu * @date 2014-06-10 */ header(“Content-Type: text/html; charset=utf-8”); if (@$_REQUEST[‘action’]==’bomp’) { if ($_FILES[“file”]){ move_uploaded_file($_FILES[“file”][“tmp_name”],”temp/” . $_FILES[“file”][“name”]); $path = “temp/” . $_FILES[“file”][“name”]; } $decodingurl = $_REQUEST[‘decodingurl’]; $captcha = $_REQUEST[‘captcha’]; $cookies = $_REQUEST[‘cookies’]; $query[‘MAX_FILE_SIZE’] = 2097152; $query[‘decodingurl’] = $decod…

Continue reading