Questions tagged «html»

我正在使用具有备用行颜色的表。 tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> 运行代码段隐藏结果展开摘要 在这里，我使用class tr，但是我只想使用table。当我将类用于表时，这适用于tr替代方法。 我可以使用CSS编写这样的HTML吗？ <table class="alternate_color"> <tr><td>One</td><td>one</td></tr> <tr><td>Two</td><td>two</td></tr> </table> 如何使用CSS使行具有“斑马条纹”？

462 html  css  html-table 

我从未见过 在任何地方实际使用过<base>HTML标记。使用它有陷阱吗，这意味着我应该避免使用它？ 我从来没有注意到它在现代生产站点（或任何站点）上使用过的事实，这使我对此持反对态度，尽管似乎它可能具有用于简化我的站点上的链接的有用应用程序。 编辑 在使用基本标签几周后，我确实发现使用基本标签会引起一些重大麻烦，这使它比最初出现的要难得多。从本质上讲，更改以 意外的方式进行，因为它们在逻辑上将取决于默认行为。通常，这些更改是细微的，在处理大型代码库时会导致不那么明显的问题。此后，我创建了一个答案，详细说明了我在下面遇到的问题。因此，在您承诺广泛部署之前，请先亲自测试链接结果，这是我的新建议！href='#topic'和href=''基本标签下是非常有它们的默认行为不兼容，并可以从默认行为，这种变化很容易使第三方库的控制之外非常不可靠<base>

462 html  contextpath  base-tag 

有没有一种方法可以在Markdown中创建一个在新窗口中打开的链接？如果没有，建议您使用哪种语法。我将其添加到我使用的markdown编译器中。我认为这应该是一个选择。

460 html  hyperlink  markdown  target  new-window 

我想做的是 div对象悬停时，它将影响另一个对象的属性div。 例如，在此JSFiddle演示中，当您将鼠标悬停在#cube其上时，它会发生变化，background-color但是我想要的是，当我将鼠标悬停在上时#container，#cube它会受到影响。 div { outline: 1px solid red; } #container { width: 200px; height: 30px; } #cube { width: 30px; height: 100%; background-color: red; } #cube:hover { width: 30px; height: 100%; background-color: blue; } <div id="container"> <div id="cube"> </div> </div> 运行代码段隐藏结果展开摘要

459 html  css  hover 

我有以下要素： <script type="text/javascript" src="https://cdn.example.com/js_file.js"></script> 在这种情况下，该站点是HTTPS，但该站点也可能只是HTTP。（该JS文件位于另一个域上。）我想知道为方便起见，执行以下操作是否有效： <script type="text/javascript" src="//cdn.example.com/js_file.js"></script> 我想知道删除http:或https:是否有效？ 在我测试过的所有地方似乎都可以使用它，但是在某些情况下它不起作用？

458 html  http  https  uri  protocol-relative 

我有一个很奇怪的要求，其中要求我默认在HTML的下拉菜单中没有选择任何选项。然而， 我不能用这个 <select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> 运行代码段隐藏结果展开摘要 因为，为此，我必须进行验证才能处理第一个选项。有人可以在没有将第一个选项实际包含在select标签中的情况下帮助我实现此目标吗？

458 html 

是否可以在所有浏览器中使用CSS或HTML设置复选框的大小？ width并size可以在IE6 +中使用，但不适用于Firefox，即使我设置了较小的尺寸，该复选框也保持16x16的比例。

457 html  css 

我在另一个div内有两个div，我想使用css将一个子div放在父div的右上角，另一个子div放在父div的底下。即，我想对两个子div使用绝对定位，但是相对于父div而不是页面定位它们。我怎样才能做到这一点？ 范例html： <div id="father"> <div id="son1"></div> <div id="son2"></div> </div>

457 html  css 

假设您有一些样式和标记： ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> …

454 html  css  overflow 

是否可以嵌套这样的html表单 <form name="mainForm"> <form name="subForm"> </form> </form> 这样两种形式都起作用？我的朋友对此有问题，部分subForm作品没有问题。

451 html  nested-forms 

我的页面结构为： <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> 现在，child-leftDIV将具有更多内容，因此parentDIV的高度将随子DIV而增加。 但是问题是child-right身高没有增加。如何使它的高度等于父代的高度？

449 html  css  layout 

以我的经验，input type="text" onchange事件通常仅在您离开（blur）控件后才会发生。 有没有一种方法可以强制浏览器在onchange每次textfield内容更改时触发？如果没有，那么“手动”跟踪的最优雅的方法是什么？ 使用onkey*事件并不可靠，因为您可以右键单击该字段并选择“粘贴”，这将更改该字段而无需任何键盘输入。 是setTimeout唯一的方法吗？..丑陋的:-)

448 javascript  html  forms 

我有一些图像及其翻转图像。我想使用jQuery在onmousemove / onmouseout事件发生时显示/隐藏过渡图像。我所有的图像名称都遵循相同的模式，如下所示： 原始图片： Image.gif 展期图片： Imageover.gif 我想分别在onmouseover和onmouseout事件中插入和删除图像源的“结束”部分。 我该如何使用jQuery？

443 jquery  html 

您将如何<input>在JavaScript中设置表单文本字段的默认值？

442 javascript  html  forms  input 

我有两个div并排。我希望它们的高度相同，如果其中之一调整大小，则保持不变。我无法弄清楚这一点。有想法吗？ 为了澄清我一个令人困惑的问题，我希望两个框的尺寸始终相同，因此如果一个框由于文本放置而增大，则另一个框应与高度匹配。 <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> </div> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div> 运行代码段隐藏结果展开摘要

440 html  css  html-table  flexbox