Questions tagged «html»

我想<input type="range" />垂直显示一个滑块控件。我只关心支持范围滑块控件的浏览器。 我发现一些注释和参考资料似乎表明将高度设置为大于宽度会导致浏览器自动更改方向，但是在我的测试中，这仅适用于Opera，而不再适用于Opera。如何垂直定位HTML5范围滑块？

88 html  css 

我想创建一个教程，它将引导用户确切地单击。我试图覆盖整个屏幕，<div>这会变得暗淡，除了一个所有元素特定区域是在一个固定的width，height，top和left。 问题是，我找不到“取消”父母的方法background-color（也是透明的）。 在下面的片段中，hole是应该没有任何div的div background-color，包括其父级的div 。 能做到吗？有任何想法吗？ #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } <div id="bg"> <div id="hole"></div> </div> 运行代码段隐藏结果展开摘要 这是我要达到的目标的模型图：

88 javascript  jquery  html  css 

我唯一的问题是使它们排成三排并具有相等的间距。显然，跨距不能具有宽度，并且div（以及带有display：block的跨距）不能水平并排出现。有什么建议吗？ <div style='width:30%; text-align:center; float:left; clear:both;'> 是我现在所拥有的。

88 css  html 

我将所有JS作为外部文件包括在内，这些文件在页面的底部加载。在这些文件中，我定义了几个这样的方法，我从ready事件中调用它们： var SomeNamepsace = {}; SomeNamepsace.firstMethod = function () { // do something }; SomeNamepsace.secondMethod = function () { // do something else }; $(document).ready(function () { SomeNamepsace.firstMethod(); SomeNamepsace.secondMethod(); }); 但是，当我删除ready函数并直接调用方法时，所有工作原理都相同，但是执行起来明显更快—在一个漂亮的基本文件上，几乎快了一秒钟！由于应该在此时加载文档（因为所有标记都在script标记之前），是否有充分的理由仍然使用ready事件？

88 javascript  jquery  html 

想象一下，您有一个表单，可以在其中切换几个字段的可见性。而且，如果未显示该字段，则您不希望请求该字段的值。 您如何处理这种情况？

88 html  http  field 

我有一个div（#wrapper），其中包含2个并排站立的div。 我希望将右div垂直对齐。我在主包装器上尝试了vertical-align：middle，但是它不起作用。它让我发疯！ 希望有人能帮忙。 http://cssdesk.com/LWFhW HTML： <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </div> </div> CSS： #wrapper{ width:400px; float:left; height:auto; border:1px solid purple;} #left-div{ width:40px; border:1px solid blue; float:left;} #right-div{ width:350px; border:1px solid red; float:left;} ul{ list-style-type: none; padding:0; margin:0;}

88 html  css 

我有一个按钮，当我单击它时，我想提醒的background-imageURL #div1。 可能吗？

88 jquery  url  html  background-image 

如何将悬停效果应用于a元素，而不应用于a具有class的元素active？ a:hover(not: .active) 似乎缺少某些东西。

88 html  css  css-selectors 

我宁愿以为要发现这个问题并不难，但是似乎很难像您期望的那样找到很棒的跨设备文章。 我想创建一个链接，该链接可以打开移动设备的浏览器并浏览到Google地图，也可以打开地图应用（Apple Maps或Google Maps）并直接开始路线，即：从当前位置开始，在给定点结束（纬度/经度）。 我可以在两个设备（浏览器堆栈旁边），Android和iPhone上进行测试。 以下链接仅适用于Android： <a href="http://maps.google.com/maps?daddr=lat,long&ll=">Take me there!</a> 点击iPhone的Chrome中的此链接，这会奇怪地打开桌面版Google Maps，并在移动应用中展示广告... 这仅适用于iOS，打开Apple Maps要求我输入一个起始位置（我可以选择“当前位置”）并开始该路线=所需的行为。在Android上，完全无法点击此链接： <a href="maps://maps.google.com/maps?daddr=lat,long&ll=">Take me there!</a> 注意maps：//协议。 有没有一种优雅的跨设备方式来创建这样的链接？一个适用于所有主要手机的链接？ 谢谢 更新：找到解决方案（种类） 这是我想出的。尽管可以正常工作，但它并非我想象的那样。 var ua = navigator.userAgent.toLowerCase(), plat = navigator.platform, protocol = '', a, href; $.browser.device = ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i) ? ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i)[0] : false; if ($.browser.device) { switch($.browser.device) { case 'iphone': case …

88 android  html  ios  google-maps  mobile 

到底-webkit-transform: translate3d(0,0,0); 是做什么的？有性能问题吗？我应该将其应用于身体还是单个元素？似乎可以大大改善滚动事件。 感谢您的教训！

88 html  css  webkit 

是否有标准方法或库可以将电子表格复制并粘贴到Web表单？当我从Excel中选择多个单元格时（很明显），我失去了定界符，并且所有内容都粘贴到了Web表单的一个单元格中。它必须在VB中完成吗？还是可以在Web表单上开始粘贴操作后进行处理？

88 javascript  html  forms  excel 

似乎window.postMessage的重点是允许在不同域中托管的Windows /框架之间进行安全的通信，但实际上似乎不允许在Chrome中进行。 这是场景： 在域A的页面中嵌入<iframe>（src域B *为） <iframe>最终主要是一个<script>标记，在执行结束时... 我叫window.postMessage（some_data，page_on_A） <iframe>绝对是在域B的上下文中，并且我已经确认<iframe>中的嵌入式javascript可以正确执行并postMessage使用正确的值进行调用。 我在Chrome中收到以下错误消息： 无法发布消息到一个。收件人有产地乙。 这是在A页面上注册消息事件侦听器的代码： window.addEventListener( "message", function (event) { // Do something }, false); 我也尝试调用window.postMessage(some_data, '*')，但是所有要做的就是抑制错误。 我只是在这里遗漏了一点吗，window.postMessage（...）并非要这样做吗？还是我只是做错了什么？ * MIME类型的text / html，必须保留。

88 javascript  html  google-chrome  xss 

我需要使以下代码可扩展到预定义的高度 <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> 但是由于span是内联元素，因此“ height”属性将不起作用。 我尝试使用div代替，但是它将扩展到上层元素的宽度。并且宽度应该是灵活的。 有人可以为此提出任何好的解决方案吗？ 提前致谢。

88 css  height  html 

我目前正在处理包含一些文件输入以上传图片的表单。onchange()对于这些输入，有一个事件将图片提交到iframe，然后将上传的图片动态加载到表单中，并为其修改字段（例如name和geo-localization）。 由于我无法嵌套表格，因此file_input也会包含在中iframe。最后，我使用另一个iframe内部iframe。所以我有这样的事情： <form> <!-- LOTS OF FIELDS!! --> <iframe src="file_input_url"> <!-- iframe which loads a page of a form with a file input--> </iframe> </form> 并加载到该HTMLiframe是一样的东西（不包括html，head和body标签） <form target="upload_iframe"> <input type="file" onchange="this.form.submit()"> </form> <iframe name="upload_iframe"></iframe> 这很有效，除了载入第一个需要花费几秒钟的事实之外iframe，因此文件输入不会随页面的其余部分一起载入。这在视觉上不是理想的。如果我可以指定iframe内容而不需要加载另一个页面（file_input_url在第一个中由指定），则可以解决iframe。 有没有一种方法可以iframe在同一文档中指定内容，或者只能使用src需要另一页加载的属性来指定它？

88 html  iframe 

我有一个将具有此CSS的div： #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } 现在，如何才能使该div居中？我可以使用，margin-left: -450px; left: 50%;但这仅在屏幕> 900像素时才有效。之后（当窗口<900像素时），它将不再居中。 我当然可以用某种js来做到这一点，但是用CSS做到这一点“更正确”吗？

88 css  html  center