html5相关内容

CSS 1px边框行程围绕边界半径

这是为web开发。当在圆形或具有真圆角的正方形上使用1px的边界半径时,笔画开始破裂。如果我们把它改为2px,它会越来越好,更多的px我们添加。但是有一个方法来解决这个问题与1px笔画? background:rgba(32,32,32,.9 ); height:30px; width:30px; border:1px solid white; border-radius: ..
发布时间:2017-02-06 11:02:28 前端开发

SMACSS,语义类名和嵌套元素

我刚刚阅读过 CSS的可扩展和模块化架构,它让我想起了几件事。 Snook的两个原则是: 增加一段HTML和内容的语义值 减少特定HTML结构的期望 类名称,而不是依赖于无意义的元素类型进行定位。例如,而不是定位 .someClass h5 ,我可以改为定位 .someClass-title ,以便如果h5被交换出去为别的东西,事情不打破。 我个人觉得编码一个元素的层次结构在它 ..
发布时间:2017-02-06 10:57:43 前端开发

在Chrome浏览器中将svg图像调整为背景

我使用svg图像作为背景,我通过背景大小拉伸SVG图像。我想要它只是宽松明智。它的工作完美地在firefox,IE9 +,但铬。请建议我如何实现它。 .homecallouts ul li { background-image:url('blue_arow_callout .svg'); background-size:100%100%; width:21%; height: ..
发布时间:2017-02-06 10:54:49 前端开发

HTML 5页面转换

我想做一个漂亮,现代的过渡页面之间。我找到了本教程: http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/ 作者使用JQuery来使它工作,但我想在纯HTML5中做。 UPDATE 在2014年年底,我想添加以下评论。在做它之前三思,做一个单页AJAX网络应 ..
发布时间:2017-02-06 10:46:50 前端开发

在网站背景的水波纹效应

客户要求我将类似的水波纹效果应用于背景图片(并且只有背景图片图片)。 考虑到这是使用画布,它似乎不可能。是否有人知道这样的效果,我只能应用于页面上的背景图片? 解决方案 ,WebGL支持的解决方案,看看这个项目: jQuery WebGL涟漪 可以使用演示此处 虽然这项技术目前尚未在所有设备上使用。 ..
发布时间:2017-02-06 10:37:28 前端开发

在响应式设计方面,你如何处理高分辨率手机,如Galaxy S4?

在历史上,您可以使用基于像素宽度的媒体查询来确定最终用户将获得什么显示。但是,当您使用更高分辨率的设备,如Galaxy S4(1080x1920)分辨率时,这不会/不会工作。 如何处理? 解决方案 什么让您认为媒体查询无效? 显然,Galaxy S4的CSS像素比率为3.0,因此,其物理分辨率为1080x1920,其CSS分辨率仍为360x640 - 与Galaxy S3相似。 ..
发布时间:2017-02-06 10:37:01 前端开发

将CSS3转换设置为none

如何让CSS转换在媒体查询或其他情况下不起作用?例如: @media(min-width:200px){ element { transition:width 1s; } } @media(min-width:600px){ element { transition:none; // SET TO NO TRANSITION } } 解决方案 您可 ..
发布时间:2017-02-06 10:34:15 前端开发

如何集中HTML5视频?

我只是搞砸了一些HTML5,我试图在视频中心的页面。由于某种原因,我不能得到它的中心。我试图添加一个类到视频标签本身,我已经将该视频包装在一个单独的 div 。但是,视频仍在左侧。 Test .center { marg ..
发布时间:2017-02-06 10:30:29 前端开发

如何使文本在HTML中加粗?

我试图使用HTML来使一些文本变成粗体,但我很努力让它工作。 p> 有些文字我想要鼓起勇气。 有人能告诉我我做错了什么吗? 解决方案 使用 或 标签 也可以尝试使用css text ..
发布时间:2017-02-06 10:17:41 前端开发

响应高度/宽度视频头

我正在为一个网站制作响应式html5视频标题,我想让它垂直和水平响应,只使用CSS响应。 http://jsfiddle.net/b9cpmuy9 是我用于自适应宽度(从这里的另一个帖子借来的视频)。 width:100%; height:auto; 适用于响应宽度。 我尝试了 height:100%; width:auto; min-width:100%; 用于响应高度,但它只 ..
发布时间:2017-02-06 10:13:34 前端开发

填充在使用< section>时不工作。标签

我使用HTML5 tag in my application,padding for标签工作正常在chrome,ff和safari,但它不工作在IE .. 我试图添加display:block; 解决方案 > 许多旧版本的浏览器不了解节等HTML5标记,并使用将其作为文档流中的内联项处理的备用。 IE超越了这一点,完全忽略了HTML5标签。要解决此问 ..
发布时间:2017-02-06 10:11:54 前端开发

HTML5 / CSS3 - 如何使“无尽”旋转背景 - 360度全景

我有一张JPG图片,可以360度观看城市(9000 x 1000像素)。我需要用无休止旋转的背景创建一个页面 - 给用户一个旋转网络摄像头的印象。 第一部分 - 从图像的左到右滚动非常简单 - 只需使用jQuery.animate(...)。但是如何无缝地返回到图像的开头(在它已经完成359度转动),所以用户不会注意到“跳跃”或类似的东西。 我仅定位HTML5 / CSS3(webki ..
发布时间:2017-02-06 10:07:09 前端开发

触摸浏览器中的元素(如pointer-events:none)

问题: 我已搜索和搜索,但找不到有关如何通过覆盖元素触发触摸事件的信息。我已通过使用以下方法解决了鼠标点击事件的问题: pointer-events:none; 这很简单,但它不适用于触摸事件。我知道有一些移动原生的东西可以解决这个问题,但这只是为浏览器 - 移动和非移动。 项目: 这是我的基本项目, Croppy 。我有一些基本的触摸缩放和良好 ..
发布时间:2017-02-06 10:01:12 前端开发

在父div中居中子div

我有一个父div必须保持在100%与3个孩子div。我需要集中3个子div,但不知道如何。 .parent { 宽度:100%; border:1px solid blue; } .child { float:left; border:1px solid red; margin:2px; } ..
发布时间:2017-02-06 09:25:14 前端开发

Windows 8预加载器(加载图标)使用HTML5和javascript没有图像

我注意到一个简单的事情,看着Windows 8加载屏幕的屏幕,有一个预加载器(或加载图标),这是相当有趣,它有一点重力/摇摆效果。我想使用javascript和CSS复制同样的,但我对javascript动画没有太多的理解,因此想知道如果你能给我一个方向,我可以找到类似的例子。您也可以通过提供具有类似动画的代码片段来帮助。 任何帮助将不胜感激。 解决方案 检查网站 CSSload 。 ..
发布时间:2017-02-06 09:19:14 前端开发