html + css
关注
分享
扫一扫
mft8899
这个作者很懒，什么都没留下…
展开
-
JS 获取 内网 / 外网 IP
参考 ：http://net.ipcalf.com/<!doctype html><html><head> <meta charset="utf-8"> <title>Network IP Address via ipcalf.com</title></head><body>Your network IP is: <h1 id=list>-</...转载 2021-04-23 23:44:00 · 689 阅读 · 0 评论 -
html, css 图片六边形
<div class="boxF"> <div class="boxS"> <div class="boxT" style="background-image: url(https://img3.sycdn.imooc.com/545868b60001587202200220-100-100.jpg);"> </div> </div></div> <style type=..原创 2021-03-20 17:53:53 · 251 阅读 · 0 评论 -
css > 解决图片在手机端发虚，背景图片 缩放
解决图片在手机端发虚，可以将<IMG>图片，或者背景图片 做缩小处理 其中背景图片缩小处理 参考下面background:url("../images/xxxx.png") no-repeat center center #efefef;background-size: 15px 15px; ...原创 2014-06-07 13:01:50 · 1042 阅读 · 0 评论 -
HTML5实现端访问时禁止放大和缩小网页
HTML5实现端访问时禁止移动网页内容，禁止放大和缩小显示网页，也就是若双指放大进会提示该页不能缩放，只需把上述两代码加入你的网页meta声明部分即可，简单吧？代码中包括了禁止移动和允许移动两种方法。 <title>html5禁止和移动、缩放网页</title><meta name="viewport" content="width=devi...原创 2014-08-30 15:31:00 · 562 阅读 · 0 评论 -
html > form 不记录历史值
启用自动完成功能的表单：<form action="demo_form.asp" method="get" autocomplete="on"> First name:<input type="text" name="fname" /><br /> Last name: <input ty原创 2014-09-04 22:24:59 · 1048 阅读 · 0 评论 -
css3 -> css3 动画 以及 JS 控制
详细参考 ： http://www.w3school.com.cn/css3/css3_animation.asp <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...原创 2017-06-28 16:32:03 · 457 阅读 · 0 评论 -
css -> overflow:auto 中的scroll在 苹果手机safari 滚动不流畅问题
给CSS 加上如下样式-webkit-overflow-scrolling: touch; overflow-x: scroll;原创 2017-08-01 16:22:46 · 3123 阅读 · 0 评论 -
css3 -> 滤镜Filter 效果
例如 变成灰度-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; 更多 参考：http:...原创 2017-08-10 11:14:25 · 98 阅读 · 0 评论 -
css -> 弹出带 小三角箭头的 图层
原理是 给 元素 设置 position:relative;然后给元素的:after , :before 设置显示样式 并 position:absolute <div id="demo"></div><style>#demo { width: 100px; height: 100px; background...原创 2017-09-30 13:11:59 · 553 阅读 · 0 评论 -
css > 手机端 不显示 A 标签阴影
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: non...原创 2014-01-16 19:13:54 · 167 阅读 · 0 评论 -
css > 手机端 不显示 A 标签阴影
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: non...原创 2014-01-16 17:56:07 · 259 阅读 · 0 评论 -
JQUERY > 异步(ajax)上传图片
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <meta charset="utf-8">原创 2013-03-20 18:27:12 · 92 阅读 · 0 评论 -
jquery > boxy 弹出层
jquery.boxy.js /** * Boxy 0.1.4 - Facebook-style dialog, with frills * * (c) 2008 Jason Frame * Licensed under the MIT License (LICENSE) */ /* * jQuery plugin * * Options:...原创 2013-05-07 11:09:54 · 172 阅读 · 0 评论 -
html5 > 基本页
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, width=device-width, maxim原创 2012-08-29 15:52:07 · 126 阅读 · 0 评论 -
CSS 对 IE 的判断
css中判断IE版本的语句<!--[if gte IE 6]> Only IE 6/+ <![endif]-->：1. <!--[if !IE]> 除IE外都可识别 <!--<![endif]-->2. <!--[if IE]> 所有的IE可识别 <![endif]-->3. <!--[if IE 5.0]&原创 2012-12-14 11:17:25 · 136 阅读 · 0 评论 -
html > 背景圆角
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&原创 2012-09-11 18:18:02 · 443 阅读 · 0 评论 -
html > 自适应手机端宽度
<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 对于view...原创 2013-11-14 17:46:10 · 544 阅读 · 0 评论 -
html > 弹出框 有加载中loading...效果
<div id="dilog"> <div id="dilog_in"> <a href="Javascript:closeDialog()"><img src="<?PHP echo base_url(); ?>images/close.png" class="close_d原创 2013-12-14 15:28:47 · 2577 阅读 · 0 评论 -
php,jquery > 树枝状 ajax 加载数据或隐藏数据
<div id="main_2"> <div class="content_header"> ssss </div> <div class="content_box"> <div class="content_box_title"> 商品列表原创 2013-12-18 15:30:23 · 169 阅读 · 0 评论 -
FCKEditor 给上传图片加水印
ckeditor/ckfinder/plugins/watermark 1. ckeditor/ckfinder/config.php最后加入红色部分include_once "plugins/imageresize/plugin.php";include_once "plugins/fileeditor/plugin.php";include_once "plugins/water...原创 2013-03-17 22:38:55 · 222 阅读 · 0 评论