程序设计 html

5

jQuery单击页面上除1 div以外的任何位置

当我单击页面上除div（id=menu_content）以外的任何位置时，如何触发功能？

88 javascript jquery html triggers click

8

透明的CSS背景颜色

我想通过使用不透明度使列表菜单的背景消失，而不影响字体。CSS3可能吗？

88 html css opacity

3

带有不同高度列的引导行

我目前有类似的东西： <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> 现在假设这content是具有不同高度，宽度都相同的盒子-我该如何保持相同的“基于网格的布局”，又如何使所有盒子彼此对齐，而不是完美的线条。目前，TWBS将把下一行的下一行col-md-4放在前第三行中的最长元素下。因此，每行项目都完美对齐（整洁）-太棒了，我希望每一项都直接位于最后一个元素的下方（“砌体”布局）

88 html css twitter-bootstrap responsive-design bootstrap-4

1

使用表单输入来访问相机并使用Web应用程序立即上传照片

我遇到了这个很棒的答案：在iPhone iOS6和更高版本的Android ICS中，HTML5具有以下标签，该标签可让您从设备上拍照： <input type="file" accept="image/*" capture="camera"> 捕获可以采用诸如相机，便携式摄像机和音频之类的值。是否可以通过使用某种Ajax在拍摄后立即上传照片来进一步迈出这一步？例如，使用我的手机，当我点击输入时，它将打开相机，这将立即允许我拍照并保存。当我将其保存到相机时，它会按输入按钮列出作为要上传的文件。立即上传此照片而不是等待用户单击表单的“提交”按钮需要什么？

88 javascript html forms web-applications mobile

13

如何通过CSS使高度和宽度不同的所有图像相同？

我正在尝试创建由产品照片组成的图像墙。不幸的是，它们都具有不同的高度和宽度。如何使用CSS使所有图像看起来都一样大小？最好是100 x 100。我正在考虑做一个高度和宽度为100px的div，然后再进行一些填充。不知道该怎么做。我该怎么做？

88 html image css resize

3

iPhone上的HTML5视频自动播放

我有一个奇怪的问题。我尝试创建一个带有循环背景视频的网站。代码如下所示： <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> 运行代码段隐藏结果展开摘要这在大多数浏览器上都可以正常工作（IE很难解决这种适合对象的事情，但我不介意），但是在iPhone上，视频无法自动播放，而在iPad上，视频可以自动播放。我已经阅读了iOS的新政策，并且认为符合要求（否则iPad无法自动播放）。我做了其他测试：删除覆盖的div无法解决该问题删除z-index不会解决它 Wifi或Cellular没什么用视频文件大小也无济于事我做错了吗，还是iPhone不会自动播放视频并始终需要交互？我只关心iOS 10，我知道iOS 9的要求有所不同

88 ios html video webkit autoplay

8

如何在页面上将twitter bootstrap选项卡居中？

我正在使用twitter bootstrap创建可切换的标签。这是我正在使用的CSS： <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> 此html正确显示选项卡，但向左拉（应该发生这种情况）。我已经尝试过修改CSS，以使标签位于页面的中心位置，但还没有走运。我以为有更多CSS经验的人会知道该怎么做。需要注意的是，还有一个关于定心导航药丸的问题，我尝试过，但它不适用于普通的导航标签。谢谢。

87 html css twitter-bootstrap

6

使用XPath选择CSS类

我只想自行选择一个名为.date的类由于某种原因，我无法使它正常工作。如果有人知道我的代码出了什么问题，将不胜感激。 @$doc = new DOMDocument(); @$doc->loadHTML($html); $xml = simplexml_import_dom($doc); // just to make xpath more simple $images = $xml->xpath('//[@class="date"]'); foreach ($images as $img) { echo $img." "; }

87 php html xml xpath web

14

Iframe（HTML）已过时吗？[关闭]

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。收到与此矛盾的消息，希望它们不是。我无法想象它会停止支持，因为无数的网站都在使用它们。关于此的一些其他问题：他们为什么要逐步淘汰此标签？还有其他选择吗？

87 html iframe obsolete

9

两个内联块元素，每个元素的宽度为50％，不能并排放置在一行中

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle：http : //jsfiddle.net/5EcPK/ 上面的代码试图将#left div和#right div并排放置在一行中。但是，正如您在上面的JSFiddle URL中所看到的，情况并非如此。我能够解决将div之一的宽度减小到49％的问题。参见http://jsfiddle.net/mUKSC/。但这不是理想的解决方案，因为两个div之间出现很小的间隙。我能够解决问题的另一种方法是通过同时浮动两个div。参见http://jsfiddle.net/VptQm/。这很好。但是我最初的问题仍然存在。为什么当两个div都作为内联块元素保留时，它们却不能并排放置？

87 html css

7

onclick打开窗口和特定大小

我有这样的链接： <a href="/index2.php?option=com_jumi&amp;fileid=3&amp;Itemid=11" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,') 我希望新的打开窗口以特定大小打开。如何指定高度和宽度？

87 javascript html

4

通过单击标签来切换HTML单选按钮

有没有一种简单的方法可以使单选按钮切换-单击旁边的文本时-不会在我的小型PHP项目中引入任何大型Javascript框架？ Web表单如下所示： <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify id)<br /> <input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br /> <input type="radio" name="mode" value="delete">delete records (must specify id)<br /> <input type="radio" name="mode" value="drop"><i>drop table</i><br /> </p> …

87 javascript html radio-button

13

使用CSS在悬停图像上创建缩放效果？

我目前正在尝试将鼠标悬停在四张图片之一上，以创建缩放效果。问题是大多数示例通常使用表或mask div来施加某种效果。这是一个实现我想要的例子这个。这个到目前为止，是我的代码。的HTML <div id="menu"> <img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt=""> <img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png" alt=""> <img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png" alt=""> <img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png" alt=""> </div> 的CSS #menu { max-width: 1200px; text-align: center; margin: auto; } #menu img { width: 250px; height: 375px; padding: 0px 5px 0px …

87 html class css

3

是autofocus =“ autofocus”还是autofocus？

我似乎还记得以前版本的HTML（在HTML5之前）中的大多数（也许是所有）属性，这些属性必须具有值，例如readonly="readonly"。 HTML5和autofocus属性对吗？

87 html autofocus

1

奇怪的iframe添加到称为“红褐色沙盒”的身体标签中

我正在本地的WordPress网站上工作，由于某种原因iframe，在开始body标记之后添加了一个标记，使正文下降了约20像素。 Google搜索时仅返回了1条相关结果，而我在那所读的内容并没有多大帮助。可以在这里找到。 WordPress网站未安装插件，将其设置为display: none;无效。这是Chrome的屏幕截图，因此您可以看到它：

87 html wordpress

Questions tagged «html»