Tag: html

带固定标题的仅CSS滚动表: 我有一个解决scheme，我可以使用小jQuery和CSS创build带有固定页眉/页脚的可滚动表格 – 但是我正在寻找一种方法，使其成为一个跨浏览器兼容的CSS解决scheme。要清楚的是，我正在试图做的只是使用一个table标记（它是有效的子标记， colgroup ， col ， thead ， tbody ， tfoot ， tr ， th ， td ），但是采用一组CSS规则符合以下条件：必须保持页眉/页脚/内容行之间的列alignment 当内容垂直滚动时，必须允许页眉/页脚保持固定不能要求任何jQuery或其他JavaScript来提供function 只能使用上面提供的标签这个代码示例： http : //jsfiddle.net/TroyAlford/SNKfd/显示我目前的做法。大多数的JS只是随机的值填充表，但最后一部分驱动左/右滚动性。 $tbody.bind('scroll', function(ev) { var $css = { 'left': -ev.target.scrollLeft }; $thead.css($css); $tfoot.css($css); }); 注：所提供的示例在IE中不能正确呈现，并要求jQuery提供水平滚动。无论如何，我并不关心水平滚动，所以如果一个解决scheme不这样做就没关系。

HTML＆CSS + Twitter Bootstrap：全页面布局或高度100％ – Npx: 我试图做出以下布局： +————————————————-+ | Header + search (Twitter navbar) | +————+————————————+ | | | | | | |Navigation | Content column | | | | | | | | | | | | | | | | | | | +————+————————————+ | Footer | +————————————————-+ 布局必须采取所有可用的高度和宽度，导航和内容列采取所有可用的空间和滚动溢出，页脚应坚持底部。 HTML看起来像这样： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> […]

具有透明背景的input框在IE8中不可点击: 我有一个绝对定位的input框在表单中。 input框具有透明背景： .form-page input[type="text"] { border: none; background-color: transparent; /* Other stuff: font-weight, font-size */ } 令人惊讶的是，我不能通过在IE8中点击它来select这个input框。它在Firefox中完美工作。 background: none 。当我改变背景颜色时：背景颜色：红色; 它工作正常，所以这是与透明背景相关的问题。设置边框只能通过点击边框来selectinput框。有一个解决方法，有IE8的透明背景可点击的input框？更新：示例。取消注释background-color和input框是可选的。您也可以单击select框，然后通过按Shift + Tab键来关注input框。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head></head><body> <style type="text/css"> input[type="text"] { border: none; background: transparent; /*background-color: blue;*/ } #elem528 { position:absolute; left:155px; […]

CSS绝对中心: 最近我遇到了这种方法，用于定位元素水平和垂直的中心。然而，我无法弄清楚每一个财产正在做什么。有人能够向我解释什么是设置top:0, bottom:0, left:0, right:0的影响top:0, bottom:0, left:0, right:0 ？（如果你能够用外行人的名词来解释它，或者提供一个说明性的图像，那将是非常棒的。）另外，将显示器设置为表格有什么用处？ .absolute-center { position: absolute; display: table; height: auto; width: 500px; margin: auto; top: 0; bottom: 0; right: 0; left: 0; border: solid 1px red; } <p class="absolute-center">What is this sorcery?</p>

Textarea高度：100％: 这是我的小提琴： http : //jsfiddle.net/e6kCH/15/ 这可能听起来很愚蠢，但我找不到使文本区域高度等于100％的方法。它适用于宽度，但不适用于高度。我希望文本区域的大小取决于窗口的大小…就像它在我的小提琴的宽度工作… 有任何想法吗？

一个命令行的HTML漂亮的打印机：使凌乱的HTML可读: 我正在寻找满足以下要求的HTML漂亮打印机的build议：以HTML作为input，然后输出给定inputHTML的格式良好的/正确缩进但“graphics等同”的版本。必须支持命令行操作。必须是开源的，在Linux下运行。

名称属性在HTML文档中是否必须是唯一的？: 我记得阅读规范一次， id属性和name属性共享相同的名称空间，必须是唯一的。从今以后，我一直试图在我的应用程序中满足这个要求，甚至为同一个元素赋予相同的id和name 。但最近我已经开始使用ASP.NET MVC 3，并且它（如PHP）可以在几个input控件上使用相同的name属性在服务器端形成一组值。我试图查看规范中的相关部分 – 但没有find它。也许我误解了一些东西，或者读错了文档？那怎么样？我想生成尽可能有效的HTML（在不同的应用程序4.01和5）。我可以毫不畏惧地使用这个技巧吗？或者我会违反一些东西，应该坚持独特的价值观？

如何使用jQuery将文本添加到现有的div: 我想添加文本到现有的div，当我点击ID为#add的button。但是这不起作用。在这里我的代码： $(function () { $('#Add').click(function () { $('<p>Text</p>').appendTo('#Content'); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="Content"> <button id="Add" /> </div> 我希望你能帮助我。

Bootstrap 3 – jumbotron背景图像效果: 嗨，我试图build立一个与一个背景图像，这本身并不难的一个jumbotron网站： HTML： <div class="jumbotron"> … </div> CSS：（它位于我的自定义CSS文件，并在全部CSS后加载）。 .jumbotron { margin-bottom: 0px; background-image: url(../img/jumbotronbackground.jpg); background-position: 0% 25%; background-size: cover; background-repeat: no-repeat; color: white; text-shadow: black 0.3em 0.3em 0.3em; } 现在创build一个带有背景图像的jumbotron，但是我希望得到它的效果，我觉得很难描述，但在这个网页上可以看到： http ://www.andrewmunsell.com当你滚动时，你可以看到jumbotron内容文本等比背景图像滚动更快。这个效果叫什么，用bootstrap / html / css很容易实现？我看了一下薪水的HTML，但是现在我有点太复杂了。谢谢，本。编辑：我试图得到由第一个答案，这是位于启动层提供的例子的效果。然而，对于我来说，背景图像显示出来，然后只要滚动一下，整个图像就会消失。如果我使用Safari浏览器的惯性滚动来尝试滚动页面的顶部，背景会尝试再次移动到视图中，所以我认为图像加载正确，然后一滚动一下，在这样的操作中，图像完全移动到屏幕上。下面是我的HTML，（放置标签的位置有点难看，但是Jekyll通过包含Jumbotron标题，我试图使视差效果，页面内容和页面页脚放在一起。 HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hybridisation Recombination and Introgression Detection […]

将列表包装成列: 我正在使用ColdFusion来填充包含HTML列表（ <ul> ）的模板。其中大部分时间不长，但有一些长得可笑，可能真的站在2-3列。有没有HTML，ColdFusion或JavaScript（我有jQuery可用）的方式来做到这一点很容易？不值得一些过分复杂的重量级解决scheme来保存一些滚动。