Tag: html5

在HTML5中检查和取消选中checkbox的正确方法是什么?

看了看HTML规范,却无法做到: http : //www.w3.org/TR/html5/the-input-element.html#attr-input-checked 什么是正确的方式来检查HTML中的checkbox(不dynamic)? checked="true" checked="checked" 什么是取消checkbox的正确方法? <input type="checkbox" /> with no checked attribute checked="false" checked="none" 在哪里检查HTML规范检查/取消checkbox?

通过html5shiv了解Modernizr的好处

我知道网站上有很多关于这两个脚本库的很好的问题。 我想问一个我在其中任何一个中都找不到的东西。 Modernizr提供的HTML5shiv不是开箱即用,就是包含脚本。 我知道html5shiv“只是”修复IE <9的HTML5元素,是否支持停止? Modernizr是否修复IE浏览器的CSS3问题? ie9.js是否做到这一点? (我的意思是这个特定的问题,没有额外的js代码来处理angular落的情况下) Modernizr与html5shiv相比有什么优势,除了包含脚本之外,还要考虑使用库吗?

中心三angular在底部

我试图在我的英雄底部有一个三angular形/箭头,但它不响应,并且不能很好地在移动上工作,因为三angular形漂浮在右边,不再是绝对中心。 我怎样才能让三angular形始终位于div底部的绝对中心? 示例代码在这里: http://jsfiddle.net/SxKr5/1/ HTML: <div class="hero"></div> CSS: .hero { position:relative; background-color:#e15915; height:320px !important; width:100% !important; } .hero:after, .hero:after { z-index: -1; position: absolute; top: 98.1%; left: 70%; margin-left: -25%; content: ''; width: 0; height: 0; border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: solid 50px transparent; }

DIV高度设置为屏幕百分比?

我正在设置父DIV为完整100%屏幕高度的70%。 我已经设置了下面的CSS,但它似乎没有做任何事情: body { font-family: 'Noto Sans', sans-serif; margin: 0 auto; height: 100%; width: 100%; } .header { height: 70%; } 出于某种原因,它似乎并没有工作,但标题不是屏幕尺寸的70%。 有什么build议?

很难解决和奇怪的css3不透明度过渡问题(…必须是一个错误?)

我绝对把我所有的头发都拿出来,带着这个非常令人沮丧和奇怪的css问题。 我正在使用骨头样板制作一个网站,它一直很棒,直到现在… 它使用stream体网格系统,我最近试图创build一个简单的画廊,我已经成为一个网格(4个图像,每个包装在一个四分之一的列,第一/最后一个类添加到第一个/最后一个图像)。 如果将鼠标hover在图像上(出于某种原因,前三种情况尤其明显),您会注意到由于某种疯狂的原因,它们将宽度改变了一个或两个像素。 图像设置为最大宽度:100%,我有一种感觉,这是某种程度上的罪魁祸首,因为如果你给图像一个“固定的”宽度(例如.gallery-icon img {max-width:165px;},它解决了这个问题,但作为一个stream动的网格系统,我不能沿着这条路线走,因为如果调整浏览器的大小,图像保持165px,即使我根据媒体设置了4种不同的宽度,在媒体大小之间,图像将不能正确alignment。 如果它不是过渡效果问题(如果我把过渡closures,图像较低的不透明度罚款,但没有animation),它会工作,因为我想它的工作:( 请帮助家伙! 这是一个空的演示网站,骨头样板运行,只是在页面上的画廊。 让我知道如果你看到摇晃的问题。 (我不能在jsfiddle上重新创build它,所以我把它安装在一个旧的域名上, 编辑:我刚才注意到,这个问题似乎发生在宽度和高度都比div大的图像。 图像1 + 3是这个,他们有错误,而图像2,4似乎是好的? 和图像2 + 4有一个比div更小的高度…..但即使我将图像设置为最大高度,问题仍然存在。 编辑2:添加了一个快速的video来显示问题(最新的Firefox和Chrome) http://www.youtube.com/watch?v=uL81hLfMvvw

HTML5的canvas元素上的子像素反锯齿文本

我有点困惑的方式canvas元素反别名文本,并希望你们都可以帮助。 在下面的截图中,顶部的“快速布朗福克斯”是一个H1元素,最下面的是一个canvas元素,在其上面呈现文字。 在底部,您可以看到两个并排放大的“F”。注意H1元素如何与背景融合得更好: 这里是我用来渲染canvas文本的代码: var canvas = document.getElementById('canvas'); if (canvas.getContext){ var ctx = canvas.getContext('2d'); ctx.fillStyle = 'black'; ctx.font = '26px Arial'; ctx.fillText('Quick Brown Fox', 0, 26); } 是否可以在canvas上呈现文本,使其看起来与H1元素相同? 他们为什么不同?

在Apache服务器上使用WebSocket

围绕WebSockets的所有讨论,很难find一个关于如何在Google上使用Apache服务器的良好演练。 我们正在开发一个插件,在PHP(symfony2),它会不时运行一种聊天实例。 而且我们发现WebSockets比AJAX更有趣,标准和快捷。 问题是,我们集团没有太多的系统pipe理资源,我们很难收集关于以下事项的好消息: 我们可以在传统的Apache专用服务器上运行WebSocket实例吗?如果是的话,您有没有对我们有用的链接? 如果我们需要对服务器进行修改,那么在知道我们对系统pipe理员不太熟练的情况下,你会推荐什么样的工具,所以我们不能在这方面有很高的维护费用。 非常感谢你, ps:我们将链接到您的博客/网站,因为我们将在我们的应用程序的这部分devblog上发表技术/信息。 再次感谢你!

即使设置了有效date,Chrome 5中的HTML-5date字段也会显示为“mm / dd / yyyy”

我刚刚升级了一个ASP.Net MVC应用程序到MVC-4。 基于DateTime值的input的字段编辑器现在包括HTML-5 type="date"属性/值声明。 现在,在Chrome中查看时,我的dateinput在input字段中显示为“mm / dd / yyyy”: 即使当我传递一个格式正确的date的值属性: <input value="2012/10/02" type="date"/> 我仍然在input框中input“mm / dd / yyyy”,直到用户手动更改值。 这个问题似乎与Chrome,而且是独立于我的后端框架。 看到这个问题在行动: jsFiddle 当然,编辑logging是个大问题。 如果用户提取已经有效date的logging,除非他/她单击字段并手动重置值,否则不会通过提交validation。 没有其他浏览器的问题。 这是一个Chrome的错误? 或者我错过了HTML-5date字段应该工作的方式? UPDATE 请参阅此修订小提琴: http : //jsfiddle.net/HudMe/5/它具有HTML-4和HTML-5dateinput,每个input都设置为页面加载时的值“10/01/2012”。 点击进入任一date字段。 Javascript应该用这个元素的字段值来提醒一下。 由于有效date已经通过value属性传递,因此应显示“2012年10月1日”,但在Chrome中,对于HTML-5date字段,不显示任何内容。 手动重置此值,然后再次单击,现在将显示。 在Safari,Firefox,IE和Opera的页面加载之后,HTML5字段的值显示并按预期进行警报,不需要调整。 关于接受答案的说明: 对于Asp.net mvc-4的其他用户,可以在视图模型的DateTime字段声明中使用[DisplayFormat]属性调整显示格式。 (在https://stackoverflow.com/a/12634470/613004find)

html5 websockets会被防火墙摧毁吗?

我对html5的websockets规范感到非常兴奋,但我有一个问题。 现在每个人都在使用一些networking,使用内置防火墙的路由器(有线/无线),Windows也有内置的防火墙。 考虑到这一点,当服务器尝试连接到启动websocket握手的浏览器时,它会对绝大多数用户失败吗? (大多数人不知道如何在他们的路由器上设置端口转发) 或者是我的想法不正确,它会通过罚款?

Uncaught TypeError:无法执行'节点'上的'appendChild':参数1的types不是'Node'.draganddrop.html:20 dropdraganddrop.html:26

我想拖放一个图像的div。 图像不会被拖到div上,并给出以下错误 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.draganddrop.html:20 dropdraganddrop.html:26 ondrop 码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Creativity Dashboard</title> <!– Required CSS –> <link href="css/movingboxes.css" rel="stylesheet"> <link href="css/compare.css" rel="stylesheet"> <!–[if lt IE 9]> <link href="css/movingboxes-ie.css" rel="stylesheet" media="screen"> <![endif]–> <!– Required script –> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script src="js/jquery.movingboxes.js"></script> […]