仅限于-webkit的样式特效;
-webkit-overflow-scrolling:touch;滚动时回弹效果;
如果出现偶尔卡住不动的情况,那么在使用该属性的元素上不设置定位或者手动设置定位为static;
如果添加动态内容页面不能滚动,让子元素height+1;
方法就是在webkit-overflow-scrolling:touch属性的下一层子元素上,将height加1%或1px。从而主动触发scrollbar
main-inner {
min-height: calc(100% + 1px)
}

main:after {
min-height: calc(100% + 1px)
}

如果需要在body使用这样设置效果:
html,body{
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
------------------------------------------------------------------------
-webkit-user-drag:auto | element | none;
auto:使用默认的拖拽行为,这种情况只有图片和链接可以被拖拽。
element:整个元素(不仅仅只是它的内容)可拖拽。
none:元素不能被拖动。在通过选中后可拖拽。
--------------------------------------------------------------
-webkit-tap-highlight-color:<color>
当用户轻按一个链接或者JavaScript可点击元素时给元素覆盖一个高亮色;
如果想取消这个高亮,将值设置为全透明即可,比如 transparent
--------------------------------------------------------------
-webkit-box-reflect:none | <direction> <offset>? <mask-box-image>?
<direction> = above | below | left | right
<offset> = <length> | <percentage>
<mask-box-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>
none:
无倒影
<direction> Demo: 简单图片倒影 See with Webkit
above:
指定倒影在对象的上边
below:
指定倒影在对象的下边
left:
指定倒影在对象的左边
right:
指定倒影在对象的右边
<offset> Demo: 图片与倒影间隔 See with Webkit
<length>:
用长度值来定义倒影与对象之间的间隔。可以为负值
<percentage>:
用百分比来定义倒影与对象之间的间隔。可以为负值
<mask-box-image> Demo: 更真实的图片倒影 文字倒影与渐变 See with Webkit
none:无遮罩图像
<url>:使用绝对或相对地址指定遮罩图像。
<linear-gradient>:使用线性渐变创建遮罩图像。
<radial-gradient>:使用径向(放射性)渐变创建遮罩图像。
<repeating-linear-gradient>:使用重复的线性渐变创建背遮罩像。
<repeating-radial-gradient>:使用重复的径向(放射性)渐变创建遮罩图像。
--------------------------------------------------------------
-webkit-text-stroke-color:<color>
文字的描边颜色。
-webkit-text-stroke-width:<length>
用长度值指定描边厚度(如2px之类的),不允许负值;
--------------------------------------------------------------
-webkit-text-fill-color:<color>
默认值:transparent;
--------------------------------------------------------------

仅限于IE的样式特效;
scrollbar-3dlight-color:<color>
检索或设置对象滚动条3d亮色阴影边框(threedlightshadow)的外观颜色。
scrollbar-darkshadow-color:<color>(除table系外的所有块级元素)
检索或设置对象滚动条3d暗色阴影边框(threeddarkshadow)的外观颜色。
scrollbar-highlight-color:<color>
检索或设置对象滚动条3d高亮边框(threedhighlight)的外观颜色。
scrollbar-shadow-color:<color>
检索或设置对象滚动条3d阴影边框(threedshadow)的外观颜色。
以上默认值都是:threedshadow;适用于:除table系外的所有块级元素
--------------------------------------------------------------
scrollbar-arrow-color:<color>
检索或设置对象滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。
默认值:buttontext;适用于:除table系外的所有块级元素
--------------------------------------------------------------
scrollbar-face-color:<color>
检索或设置对象滚动条3D表面的(threedface)的外观颜色。
默认值:threedface;适用于:除table系外的所有块级元素
--------------------------------------------------------------
scrollbar-track-color:<color>
检索或设置对象滚动条拖动区域的外观颜色。
默认值:transparent;适用于:除table系外的所有块级元素
--------------------------------------------------------------
scrollbar-base-color:<color>
检索或设置对象滚动条基准颜色。其它界面颜色将据此自动调整。
默认值:transparent;适用于:除table系外的所有块级元素
--------------------------------------------------------------
filter:<filter>+ 适用于:所有元素;
两种效果相同
div{filter:alpha(opacity=50);} /* for IE8 and earlier */
div{opacity:.5;} /* for IE9 and other browsers */
--------------------------------------------------------------
behavior:<url> | url(#objID) | url(#default#behaviorName)
适用于:所有元素
<url>:
使用绝对或相对地址指定DHTML行为组件(.htc)
url(#objID):
用二进制实现DHTML行为,#objID为object对象指定的id特性
url(#default#behaviorName):
IE的默认行为。由behaviorName指定(设置或检索对象的DHTML行为。多个行为之间用空格隔开。)
如下示例:
div{behavior:url(fly.htc) url(shy.htc);}
--------------------------------------------------------------
Firefox下面的
border-colors:(一般有四个方向的值)
border-top-colors
border-right-colors
border-bottom-colors
border-left-colors
border的width为(n)px,那么最多可以设置n组边框色,
每组边框色宽度为1px;如果border的width为10px,
却只设置了6组边框色,那么最后一组边框色将自动渲染剩余的宽度
--------------------------------------------------------------

-webkit/IE/Firefox的一些样式的更多相关文章

  1. 【前端】webkit内核浏览器DIV滚动条样式修改和设置

    webkit内核浏览器DIV滚动条样式修改和设置 引言: 最近在做自己的小项目,为了设计出好看的页面费劲了心思,大到页面的整体布局,小到DIV的滚动条都不放过,以下是我通过查阅资料总结的webkit内 ...

  2. css3中webkit内核的滚动栏样式

    项目其中用到的滚动栏样式,在别人的基础上调成适合自己的样式.(IE能够调试滚动栏样式,firefox眼下不能调试) ::-webkit-scrollbar { width: 14px; }/* Tra ...

  3. 去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)

    引之:http://taoistwar.iteye.com/blog/278963 今天做一个拖动效果,在网上找了个模板,作发后发现一拖动就会选择其它页面部分,需要去除这个效果, 找了个模板看了下发现 ...

  4. 从webkit内核简单看css样式和css规则优先级(权重)

    目录 webkit中样式相关类及类间关系 样式规则匹配 权重(优先级)计算 权重相同时的覆盖原则 webkit中样式相关类及类间关系 资料来源: <webkit技术内幕> 结构相关类: 1 ...

  5. webkit浏览器下改变滚动条样式

    /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); ba ...

  6. input的width和padding-left同时存在时IE兼容问题

    总的来说,text-indent不影响元素的最终宽度但是有兼容性问题,padding-left在中国主流浏览器IE低版本下影响最终宽度,但在chrome和firefox下不影响宽度,但是可以通过CSS ...

  7. input输入框和 pure框架中的 box-sizing 值问题

    在使用pureCSS框架的时候,遇到一个问题. input输入框,我给他们设置了宽度和padding值,我发现,在火狐和谷歌上面发现,增加padding值并不会影响最终的宽度,而在IE6 7下则会影响 ...

  8. overflow滚动条样式设置,ie和webkit内核

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 浏览器默认样式(user agent stylesheet)+cssreset

    每种浏览器都有一套默认的样式表,即user agent stylesheet,在写网页时,没有指定的样式,按浏览器内置的样式表来渲染.这是合理的,像word中也有一些预留样式,可以让我们的排版更美观整 ...

随机推荐

  1. YTU 2800: 逗逗泡泡的保密电文

    2800: 逗逗泡泡的保密电文 时间限制: 1 Sec  内存限制: 128 MB 提交: 229  解决: 114 题目描述 某电报局的电文保密的规律是将每个英文字母变成其后的第4个字母(很原始的那 ...

  2. Oracle 删除用户和表空间////Oracle创建删除用户、角色、表空间、导入导出、...命令总结/////Oracle数据库创建表空间及为用户指定表空间

    Oracle 使用时间长了, 新增了许多user 和tablespace. 需要清理一下 对于单个user和tablespace 来说, 可以使用如下命令来完成. 步骤一:  删除user drop ...

  3. ”吐槽“qemu的块设备驱动

    花点时间来总结一下前阵子的工作. qemu的底层块设备无疑是我所见过的最复杂的模块了,说得好像我很精通很多模块一样(大雾). 它的raw镜像格式文件的驱动的核心代码主要都是在raw-posix.c文件 ...

  4. windows系统下mysql5.5查看和设置数据库编码

    1.显示当前编码命令: show variables like 'char%'; 2.设置编码为utf8命令:set names 'utf8';

  5. AutoIT: 捕捉路由器登陆的小例子

    $url2 = "AX.XXX.XXX.COM" $oIE = _IECreate ($url2, , , , ) Sleep() ControlSetText('[REGEXPT ...

  6. Pimple研究及PHP框架搭建

    此文参考PHP容器--Pimple运行流程浅析 和 利用 Composer 一步一步构建自己的 PHP 框架,如有不清楚的,请参考原文. Pimple貌似在PHP社区里非常流行,听闻是个非常轻量化并且 ...

  7. bzoj 2809: [Apio2012]dispatching【dfs序+主席树】

    可并堆就可以,但是想复健一下主席树. 考虑枚举管理者,然后选忍者的时候在子树中贪心的从小到大选.做成dfs序就是选区间内和小于等于k的最多点.可以用主席树,查询的时候在主席树上二分即可 这里注意,为了 ...

  8. 【优化算法】Greedy Randomized Adaptive Search算法 超详细解析,附代码实现TSP问题求解

    01 概述 Greedy Randomized Adaptive Search,贪婪随机自适应搜索(GRAS),是组合优化问题中的多起点元启发式算法,在算法的每次迭代中,主要由两个阶段组成:构造(co ...

  9. openstack知识---hypervisor

    hypervisor Hypervisor是一种运行在物理服务器和操作系统之间的中间软件层,可允许多个操作系统和应用共享一套基础物理硬件,因此也可以看作是虚拟环境中的“元”操作系统,它可以协调访问服务 ...

  10. 【学习笔记】SIFT尺度不变特征 (配合UCF-CRCV课程视频)

    SIFT尺度不变特征 D. Lowe. Distinctive image features from scale-invariant key points, IJCV 2004 -Lecture 0 ...