相关搜索 >> 兼容

  • 0615html5+ js +css3 点击后水波纹扩散效果 兼容移动端阅读(660)条2017/6/15 15:00:48

    一、概述:其实很早就看到过点击后水波纹扩散效果这种了,APP中比较常见,所以今天特意找了一些资料然后做成DEMO分享给大家,让大家更容易的学到并运用到实际项目中去。实例效果如下: 现在 新版 chrome 59.0 PC端 在【设置】中很多操作按钮已经有这个效,果如下:二、实现原理:1、超出按钮隐藏;2、里面新增加标签模拟圆;3、用JS控制圆的宽度及坐标;4、关键是css3样式控制从小到大逐渐透明的动画。三、源代码:(兼容移动端)预览地址:http://www.8...阅读全文

    Taget:特效 移动端 demo 

  • 0614css 兼容ie8 rgba()的办法阅读(371)条2017/6/14 15:56:11

    今天遇到了一个问题,要在一个页面中设置一个半透明的白色div。这个貌似不是难题,css3只需要给这个div设置如下的rgba即可:background: rgba(255,255,255,.1);但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba(255,255,255,0.1)就是透明度为0.1的白色。在现代浏览器中是...阅读全文

    Taget:兼容 css rgba ie8 

  • 0826完美 全兼容 解决 文字两端对齐 justify阅读(867)条2016/8/26 11:05:43

    text-align:justify; 所有浏览器都支持,text-justify之类的却只有IE支持,就不要考虑了。justify我的理解,使元素内部的子元素两端对齐,子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时,因为只有一行,当作最后一行,所以不会两端对齐的效果。姓名对齐我们比较常用的是 (半个中文空格), (一个中文空格)来添充两个字,三个字的姓名,使包括四字的姓名都能对齐。例如: 欧阳大...阅读全文

    Taget:对齐 兼容 css 

  • 0708js的window.onscroll事件兼容各大浏览器!阅读(1129)条2016/7/8 16:54:41

    为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...阅读全文

    Taget:js scroll 兼容 

  • 0930js动态获取图片长宽尺寸(通用性好,兼容所有浏览器)阅读(1675)条2015/9/30 16:50:08

    lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子:var imgLoad = function (url, callback) {var img = new Image();img.src = url;if (img.complete) {callback(img.width, img.height);} else {img.onload = function () {callb...阅读全文

    Taget:js 图片 尺寸 插件 

  • 0401css让网页变灰兼容IE/ff/chrome阅读(3292)条2014/4/1 16:24:19

    今天在chrome用百度看到【马航最后通话内容】就点进去了,发现谷歌浏览器的图片颜色都变成灰色的了。但是今天不是讨论马航,而是讨论一个前端站长的技术问题—css让网页变灰兼容IE/ff/chrome。好奇的我用debug查看了下。代码如下:html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicIma...阅读全文

    Taget:css 灰色 图片 

  • 0318让网站的图片变成灰色效果兼容所有主浏览器阅读(5479)条2014/3/18 14:25:15

    以前有写过用 【HTML5&jQuery指向时图片从灰度变成彩色】 的文章,不兼容跨域的网站图片,所以今天看到有篇文章支持多浏览器图片变灰度的效果。就把上一篇文章改进一下。希望在前端努力的朋友可以借鉴一下。兼容:兼容Firefox 3.5+, Opera 15+, Safari, Chrome, and IE。效果图如下:(因为本人虚拟机不支持SVG文件的打开,所以只能你自已手动复制内容到本地运行!)  源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...阅读全文

    Taget:css 灰色 图片 

  • 0104js获取select值(兼容火狐、IE浏览器)阅读(2984)条2014/1/4 16:14:05

    本文介绍下,用js获取select中值的方法,可以兼容火狐firefox与IE浏览器,代码如下:<!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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title&g...阅读全文

    Taget:js select 兼容 

  • 0715js文字无缝左右滚动,可添加多个DIV阅读(19380)条2013/7/15 9:29:44

    js文字滚动的代码太多了,但不一定实用,所以继续做了一个无缝滚动的文字,但是这个方法更方便,而且兼容性好。只需要要调用div的ID即可滚动,可重用性更强了。提醒 滚动div的属性必须要定义一个可以滚动的宽度如(width:100px),然后就是超出隐藏(overflow:hidden;)这两个属性必须同时存在。下面一则实例可以看到很好的效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...阅读全文

    Taget:文字 滚动 js 兼容 

  • 0608最新2013年五大主流浏览器 HTML5 和 CSS3 兼容性一览阅读(3514)条2013/6/8 15:10:09

    转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《最新2013年五大主流浏览器 HTML5 和 CSS3 兼容性一览》,让我们一起来看看2013年的浏览器现状。目录CSS3 属性 | CSS3 选择器 | HTML5 Web 应用程序 | HTML5 图形和内嵌内容 | HTML5 表单属性   浏览器厂商之间的...阅读全文

    Taget:CSS3 HTML5 js 浏览器兼容 

  • 1201css固定顶部不随滚动条滚动阅读(3700)条2012/12/1 15:33:10

     CSS div 层固定在网页顶部代码,固定在网页顶部的层,可以是活动的,即可以使用开关,很多微博上都有这个应用,是一个不错的用户体验。实际上细心的朋友会发现,这个顶部的工具条实则是一个平铺的背景色,CSS起到固定背景的作用,也算是一种独特的实现方法。本实例 兼容 Mozilla Opera Netscape Firefox IE6等主流浏览器效果图如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...阅读全文

    Taget:定位 css 浏览器 兼容 

  • 0613微软公布Windows 8 RP版中IE10的兼容特性阅读(2927)条2012/6/13 10:37:38

    微软IE团队今天发布了一篇博客,称作为Windows 8发行预览版中重要的一个组件,IE10带来了前所未有的浏览体验,并增强了对于最新的W3C标准的支持。该团队在文章中还列出了IE10对于CSS3属性的支持情况。IE10支持的不带前缀的CSS3属性包括(注:不带前缀表明该属性已经成为W3C标准,并被Firefox、Chrome等浏览器的最新版普遍兼容): Gradients(渐变)CSS Animations(动画)CSS Transitions(过渡)CSS Transforms(变换)font-feature-settings(字...阅读全文

    Taget:Windows 8 IE CSS 兼容 HTML5 

当前第  1  页 / 共  2  页  总共22条记录  

12