it1990eye0920
- 浏览: 96150 次
-
最新评论
文章列表
1.解决checkbox属性checked为true但是未被选中的问题（转）
原来是jQuery版本问题。
Attributes vs. Properties
attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ，
Bootstrap及相关插件
- 博客分类：
- bootstrap
资料链接（转）：
Bootstrap复选框和单选按钮美化插件
Bootstrap table两种分页示例
Bootstrap之Form表单验证神器： BootstrapValidator（转）
代码检查工具jshint和csslint
- 博客分类：
- 前端开发工具
代码检查工具jshint和csslint（转载）
.csslinttrc
{
"adjoining-classes":false,
"box-sizing":false,
"box-model":false,
"compatible-vendor-prefixes": false,
"floats":false,
"font-sizes":false,
"grandients" ...
/* 解决浏览器记住密码--自动填充黄色背景 */
适用于纯色背景：
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;//关于解决输入框背景颜色
-webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
}
适用于透明背景：
:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
tra ...
在前端开发中，我们可能会碰到这样的需求：想让列表中的第一个部分显示不同的样式 ，想让列表中的偶数部分显示不同的背景颜色，想让列表中的最后一部分样式不一样……这样的需求，我们怎样来实现？其实，如果前面文件是php开发的，可以通过php的循环语句+判断语句+css样式来实现。但是，如果是静态代码，php就无法用了。这时，我们还可以通过CSS来实现，CSS给我们提供了几个非常有用的样式参数：first-child、last-child、nth-child(n)。下面，详细看一下它们的使用。
1、first-child
first-child表示选择列表中的第一个标签。代码如下：
li:
在网站自适应设计中，@media与@media screen是必须用到的css代码，可能大家对此并不陌生。但是大家又知不知道@media与@media screen的区别在哪呢？在自适应设计中你是用@media还是用@media screen？你知不知道两者产生的结果有什么不同呢？这些问题我想很多人都不清楚吧。本文便通过实例给你说说@media与@media screen的区别，主要是告诉你它们产生的效果区别在哪。
@media与@media screen手机网页区别
好吧，理论方面暂时放在一边，先看看两者产生的手机网页视图有什么不同。
@media与@media scr ...
网站兼容性调试实在令人烦心，现在的网站设计人员真的要比以前费力很多，因为网页代码不再是只需满足一个IE6访问就行，而是要满足N多的浏览器访问正常才行。粗略算一下，目前至少要满足如下的浏览器要求：IE8、IE9、IE10、IE11、Chrome、Firefox，由于360使用的是Chrome内核，所以满足Chrome基本就满足了360。而IE家族真是一个版本一个样，我说IE怎么这么喜欢折腾呢？这给网页设计师带来多大的麻烦呀！今天，我就把这几个主要浏览器的CSS hack代码汇总一下。
例如现有CSS代码如下：
.divContent{
background-color:#ee ...
个人笔记：兼容IE10、11/firefox/chrome
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.table1{
position:absolute;
display: block;
height: 48%;
border-collapse ...
css复合属性的写法
- 博客分类：
- CSS
css复合属性的写法
==========================================================1. 背景－background==========================================================单个属性的写法.sample1 {background-color: #CCCCCC; /*背景颜色*/background-image: url(sample.gif); /*背景图片 ...
JS数组的创建：
1，使用Array数组的方式：
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值
要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之 ...
css input[type=file] 样式美化，input上传按钮美化
2014年8月29日 399797次浏览
由于明天公司组织出去游玩，今天把这两天的博客都写了吧，今天的内容是input[type=file] 样式美化，input上传按钮美化。
我们在做input文本上传的时候，html自带的上传按钮比较丑，如何对其进行美化呢？同理：input checkbox美化，input radio美化是一个道理的，后面文章会总结。
思路：
input file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。
代 ...
css判断ie版本才引用样式或css文件
- 博客分类：
- CSS
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以下版本可识别 <![endif]-->
<!--[if lte IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]&g ...
摄影--1--有点想法
- 博客分类：
- 摄影~~~~~~~~
摄影后期处理公开课：http://sem.tanzhouedu.com/shiguang/sheji/sheying/pc6/
摄影课程--虎课网：https://huke88.com/photography/9-841-0-0-0-2-0-16/?sem=baidu&kw=101729
新手如何系统性的学习摄影？--知乎
h5调用摄像头相关文章
- 博客分类：
- 摄像头调用
html5调用摄像头使用Getusermedia和canvas
HTML打开摄像头，进行拍照上传（前后端代码）
PJHome
Photobooth.js基于HTML5实现摄像头webcam拍照
webRTC（https://developer.mozilla.org/en-US/docs/WebRTC）允许浏览器直接操作底层硬件，例如，摄像头， ...