Questions tagged «html»

我将Angular.js用于通过隐藏trs通过显示tr并在下面的td中将div向下滑动来模拟滑出效果的应用程序。当遍历这些行的数组时，此过程可以使用kickout.js出色地工作，因为我可以<!-- ko:foreach -->在两个tr元素之间使用。 使用angular时，ng-repeat必须将其应用于html元素，这意味着我似乎无法使用标准方法来重复这些双行。我对此的第一个响应是创建一个表示这些double tr的指令，但是由于指令模板必须具有一个根元素，而我却有两个（<tr></tr><tr></tr>），所以未能达到要求。 如果任何具有ng-repeat和angular经验的人都可以解决这个问题，那么我将不胜感激。 （我还应该注意，附加ng-repeat到tbody是一个选项，但这会产生多个tbody，并且我认为这对于标准HTML来说是不好的形式，尽管如果我错了也可以纠正我）

125 javascript  html  angularjs 

我意识到可以使用CSS属性将自定义图形指定为替换项目符号字符： list-style-image 然后给它一个URL。 但是，就我而言，我只想使用'+'符号。我不想为此创建图形然后指向它。我宁愿只是指示无序列表使用加号作为项目符号。 可以这样做吗？还是我必须先将其制成图形？

125 html  css  webkit  mobile-webkit 

我可以设置百里香的data- *属性吗？ 从百里香叶文档中了解到，我尝试过： <div th:data-el_id="${element.getId()}"> <!-- doesn't work --> <div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

125 html  thymeleaf 

那么，如何只允许用户选择一个复选框呢？ 我知道单选按钮是“理想的”，但出于我的目的……不是。 我有一个字段，用户需要选择两个选项中的一个或两个，但不能两个都选。问题是我还需要我的用户也可以取消选择他们的选项，这是单选按钮失败的地方，因为一旦选择了组，就必须选择一个选项。 我将通过php验证信息，但是我仍然想将用户限制在一个答案，如果他们想给它的话。

125 html  checkbox 

我正在使用JQuery的几个插件，自定义窗口小部件和其他一些库。结果，我有几个.js和.css文件。我需要为网站创建一个加载器，因为加载需要一些时间。如果可以在导入所有内容之前显示加载程序，那就太好了： <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc 我找到了一些教程，这些教程使我能够异步导入JavaScript库。例如，我可以做类似的事情： (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 由于某种原因，当我对所有文件执行相同操作时，页面将无法正常工作。我已经尝试了很长时间，试图找到问题所在，但我只是找不到。首先，我认为这可能是因为某些javascript函数依赖于其他javascript函数。但是当我完成下一个任务时，我使用超时功能以正确的顺序加载了它们，然后继续执行下一个任务，页面仍然表现得很奇怪。例如，我无法单击链接等...动画仍然可以工作.. 无论如何 这就是我一直在想的...我认为浏览器具有缓存，这就是为什么第一次和第二次快速加载页面需要较长时间的原因。所以我想做的是用一个异步加载所有这些文件的页面替换index.html页面。当ajax完成加载后，所有这些文件都将重定向到我计划使用的页面。使用该页面时，加载时间不会太长，因为文件应该包含在浏览器的缓存中。在我的索引页面上（异步加载.js和.css文件的页面），我不在乎出现错误。我将只显示一个加载器，并在完成后重定向页面... 这个想法是一个好的选择吗？还是应该继续尝试实现异步方法？ 编辑 我加载所有异步数据的方式如下： importScripts(); function importScripts() { //import: …

125 javascript  ajax  html  asynchronous 

我需要在div的右上角显示一个图像（该图像是“对角”功能区），但是将当前文本包含在内部div中，就像粘贴在其顶部一样。 我尝试了不同的方法，例如将图像包含在另一个div中或定义其类，例如： .ribbon { position: relative; top: -16px; right: -706px; } <div id="content"> <img src="images/ribbon.png" class="ribbon"/> <div>some text...</div> </div> 但没有任何运气。我得到的最好结果是所有文本向下滚动以获得相同高度的图像。 任何想法？

125 html  css 

Наэтотвопросестьответына 堆栈溢出русском：滚动和填充 我在尝试将.html页面在Chrome上保持一致的宽度时遇到一个小问题，例如，我的页面（1）的内容很多，导致视口（正确的单词？）高度溢出，因此有一个垂直滚动条在该页面上（1）。在页面（2）上，我具有相同的布局（菜单，div，...等），但内容较少，因此其中没有垂直滚动条。 问题是，在页面（1）上，滚动条似乎将元素稍微向左推（累加了宽度？），而所有内容似乎都很好地位于页面（2）的中心 我仍然是HTML / CSS / JS的初学者，我非常相信这并不是那么困难，但是我没有运气找出解决方案。它确实可以在IE10和FireFox（无干扰滚动条）上正常运行，我只在Chrome上遇到过。

125 html  css  google-chrome  scrollbar 

Наэтотвопросестьответына堆栈溢出нарусском：КаксоздатьэтотэффектиллюминацииспомощьюCSS？ 我想模拟一个“扫描”灯，该灯将显示框中的单词，这是我现在的代码： const e = document.getElementsByClassName('scan')[0]; document.onmousemove = function(event){ e.style.left = `${event.clientX}px`; }; *{ margin: 0; padding: 0; } html, body{ width: 100%; min-height: 100vh; overflow-x: hidden; display: flex; } .banner{ width: 100vw; height: 100vh; display: flex; flex-grow: 1; flex-direction: row; align-items: center; background-color: #031321; } .banner .scan{ width: 7px; …

125 html  css 

在Angular 2中更改路线时如何显示加载屏幕？

124 html  css  angular  angular2-routing 

我有一个由Javascript填充的下拉列表。 在决定应该在加载时显示的默认值时，我意识到以下属性显示的值完全相同： innerText innerHtml label text textContent outerText 我自己的研究显示基准测试或其中一些（但不是全部）之间的比较。 我可以使用自己的常识选择一个或另一个，因为它们可以提供相同的结果，但是，我担心如果数据发生更改，这将不是一个好主意。 我的发现是： innerText 将按原样显示该值，并忽略可能包含的任何HTML格式 innerHTML 将显示值并应用任何HTML格式 label似乎与相同innerText，所以我看不到区别 text似乎innerText与jQuery简写版本相同 textContent看起来与相同，innerText但保持格式（例如\n） outerText 似乎与 innerText 我的研究只能采取我太厉害，我只能考什么我能想到的或读到的东西发布后，任何一个可以确认但如果我的研究是正确的，如果有什么特别的label和outerText？

124 javascript  html  dom 

我已经多次看到，负填充的前景可能会帮助某些页面元素的CSS开发变得越来越好。但是，W3C CSS中没有负填充的规定。这背后的原因是什么？该属性是否有任何阻碍其使用的阻碍？感谢您的回答。 更新 例如，我看到的情况是，如果您使用的字体的垂直间距为20px，并且希望在字体底部应用虚线边框，例如出现超链接时。在这种情况下，您会发现样式太简陋，因为虚线边框会出现在指定单词下方20px。如果您使用负边距，则它将不起作用，因为边距会更改边界外的区域。在这种情况下，负填充可能会有所帮助。

124 html  css  padding 

背景 我正在为两个公益网站编写和使用一个非常简单的基于CGI的（Perl）内容管理工具。它为网站管理员提供事件的HTML表单，这些表单将填写字段（日期，位置，标题，描述，链接等）并保存。在该表格上，我允许管理员上传与事件相关的图像。在显示表单的HTML页面上，我还显示了上载图片的预览（HTML img标签）。 问题 当管理员想要更改图片时，会发生此问题。他只需要点击“浏览”按钮，选择一张新照片，然后按OK。这很好。 上载图像后，我的后端CGI将处理上载并正确地重新加载表单。 问题是显示的图像没有刷新。即使数据库保存了正确的图像，仍会显示旧图像。我将其范围缩小为在网络浏览器中缓存了图像。如果管理员点击Firefox / Explorer / Safari中的RELOAD按钮，则一切都会刷新，并且会出现新图像。 我的解决方案-不起作用 我试图通过写一个HTTP Expires指令来控制缓存，该指令的日期已经过去了。 Expires: Mon, 15 Sep 2003 1:00:00 GMT 请记住，我在管理方面，我并不在乎页面是否需要花费更长的时间加载，因为它们总是过期的。 但是，这也不起作用。 笔记 上载图像时，其文件名不保留在数据库中。它被重命名为Image.jpg（以简化使用时的处理）。用新图像替换现有图像时，名称也不会更改。只是图像文件的内容会更改。 Web服务器由托管服务/ ISP提供。它使用Apache。 题 有没有一种方法可以强制Web浏览器不缓存该页面中的内容，甚至不缓存图像？ 我正在尝试使用数据库来实际“保存文件名”的选项。这样，如果更改了图像，IMG标签的src也将更改。但是，这需要对整个站点进行很多更改，如果我有更好的解决方案，我宁愿不进行更改。另外，如果上传的新图像具有相同的名称，这仍然将不起作用（例如，将图像进行了照片购物并重新上传）。

124 html  image  caching  browser-cache  image-caching 

将alt标签用于锚链接是否正确，例如 <a href="#" class="test" alt="Something" src="sfasfs" ></a>

124 html  anchor  alt 

有什么方法可以检查PNG图像的选定点（x，y）是否透明？

124 javascript  html  image-processing 

我在这里有同样的情况 为了解决此问题，我必须在“ --allow-file-access-from-files”模式下使用Chrome启动html文件。我多次尝试了下一步，但是没有用。 在Windows 7下启动cmd 直接转到chrome.exe文件夹 做这个 chrome --allow-file-access-from-files file:///C:/test%20-%203.html

124 javascript  html  google-chrome