Tag: html
如何使用JQuery设置焦点在input字段
鉴于以下HTML结构： <div class="wrapper"> <div class="top"> <a href="http://example.com" class="link">click here</a> </div> <div class="middle"> some text </div> <div class="bottom"> <form> <input type="text" class="post"> <input type="submit"> </form> </div> <div> 这将在页面上重复多次，当用户单击.bottom div中的链接时，如何将焦点设置在.bottom div中的input字段上？ 我目前正在使用下面的JQuery代码点击成功地出现.bottom div，但似乎无法弄清楚如何同时在input字段上设置焦点。 $('.link').click(function() { $(this).parent().siblings('div.bottom').show(); }); 谢谢！
你将如何做到这一点：表或CSS？
谜题http://sontag.ca/TheChallenge/tiles.gif Grinch ../../../gif/grinch.gif 第一部分 这个布局可以简单地用2个HTML表格，一个嵌套在另一个里面，或者甚至用一个表格来完成。 它也可以用CSS来完成，尽pipe它可能会涉及更多的思考 。 这可能不是一个真正的世界布局，但我看到了类似的页面。 考虑这个谜语; 一个练习来增加你的CSS技能。 为了使事情变得更有趣，我在一个名为“挑战”的小小的2页网页中构思了这个问题。 我们将检查代码和问题： 使用表格或CSS进行布局？ 并肩作战，因为我们的两个对手争夺代码霸权。 第一部分展示了挑战是如何成为的。 我希望你喜欢。 第二部分是决定 。 你可能会感到惊讶 。 第二部分 我非常惊讶于我发布后几分钟才出现真正的好答案。 这是一个卑鄙的经历。 我不想和你一起在时间上竞争。 但是，所有这一切，只要仔细研究提供的解决scheme，我就意识到CSS解决scheme（包括我自己在当时）没有任何解决scheme和所提供的任何解决scheme一样好。 挑战是关于CSS比任何布局解决scheme都要好。 所以我增加了3个新的规则（请记住，其中一个规则是规则可以改变）。 这让一些人恼火。 于是我又添加了一些关于为什么改变规则的丰富的解释。 我觉得这让他们更加恼火。 我们的花园是围着它的围栏; 有些东西可以将它与它可能发现的任何沉闷的环境区分开来; 而不是太贵，但容易保持清洁。 所以我想要一个1像素的黑色边框在花园周围 每个花园小区（人物）的居民必须是黑色或白色，取决于哪一个显示他们在他们的花园里最好的。 他们也都是草书的后裔。 他们没有斜体。 😉 花园是可重新定位的，也就是说，我可以在页面的任何地方都有这个花园（没有绝对的定位）。 这是最终的输出是什么样子（背景颜色可选）： 替代文字http://sontag.ca/gif/garden.gif 我为反复无常和最后一刻的规则变化而道歉。 我错了。 每个园地的居民都是工匠，手工制作的专家。 他们是草书家族的后代，对斜体有他们的风格感。 花园必须可以重新定位，因为两种花园（桌子和CSS）需要在同一页面上共存 。 我说这个position:absolute可能是错的position:absolute规则是不允许的。 如果你能让他们在这方面工作，那么更多的权力给你。 他们一定会被接受。 我要求围绕这个阴谋的围栏，因为每个花园types将被种植在一个橙色的背景，非常类似于我们成长的一些花的颜色。 我现在住在荷兰，郁金香季节快到了。 如果你在接下来的几个星期飞越荷兰，而且这是一个晴朗的日子（这里很less见），那么你下面的景观将会看起来与这个愚蠢的运动非常相似。 我对橘子不是很生气，但是我喜欢和欣赏荷兰人，所以我们有一个橙色的背景，对我的东道国表示敬意。 🙂 […]
编辑CSS'underline'attibute的线条粗细
既然你可以在CSS中强调任何文本，如下所示： H4 {text-decoration: underline;} 你怎么也可以编辑绘制的“线”，你在线上的颜色很容易指定为“颜色：红色”，但是如何编辑线的高度，即厚度？ 有任何想法吗？
停止从包装浮动div
如果浏览器太窄而不适合他们，我想要有一排div（单元格）不包裹。 我已经search了Stack，并找不到我认为应该是一个简单的CSS问题的工作答案。 单元格具有指定的宽度。 但是，我不想指定行的宽度，宽度应该自动成为其子单元格的宽度。 如果视口太窄而不能容纳行，那么div应该用滚动条溢出。 请提供您的答案作为工作代码片段，因为我已经尝试了很多我在别处看到的解决scheme（如指定宽度：100％，他们似乎并没有工作）。 我正在寻找一个HTML / CSS唯一的解决scheme，没有JavaScript。 .row { float: left; border: 1px solid yellow; width: 100%; overflow: auto; } .cell { float: left; border: 1px solid red; width: 200px; height: 100px; } <div class="row"> <div class="cell">a</div> <div class="cell">b</div> <div class="cell">c</div> </div> 目前我实际上是将行的宽度编码为一个非常大的数字。
HTML：如何强制链接在新标签中打开，而不是新窗口
我使用target="_blank"在新标签中打开链接…但是在IE中，它打开了一个完全合乎逻辑的新窗口，因为这是_blank应该做的，我不知道target="_blank"在其他浏览器的行为…是否有东西强制链接打开一个新的标签..如果浏览器支持标签…否则新build一个窗口
css单行或多行垂直alignment
我有一个可以有一个或多个行的标题。 我如何垂直alignment文本？ 如果它总是一行，我可以将行高设置为容器高度。 我可以用JavaScript来做，但是我不太喜欢它，我正在寻找一种纯CSS的方式。 此外，如果容器可以扩大与线条，这将是完美的，所以我总是可以在顶部和底部有相同的填充。
如何从Bootstrap 3获得响应式网格？
我需要使用Twitter Bootstrap将响应式devisefunction添加到我的Web应用程序。 我只想要响应行为，我对Bootstrap中包含的排版，组件或任何其他东西不感兴趣。 我有一个定制的Bootstrap版本，只是select网格系统。 但是，当我生成的CSS添加到我的应用程序，我所有的样式都搞砸了（标题，链接和其他）。 为什么会这样呢？ 我怎样才能得到一个只有网格系统的Bootstrap CSS？ 我想避免手动修改Bootstrap文件。 谢谢！
在IE9的盒子阴影不会渲染使用正确的CSS，适用于Firefox，Chrome
我试图模拟浮动模式框types的东西，但有一个问题与IE9和它的盒子阴影实现。 以下是我正在使用的代码的一个总结，它可以复制问题： <html> <head> <title>Sample page</title> <style> .content-holder { border-collapse: collapse; } .back { background-color: #a8c0ff; padding: 100px; } .inner { background-color: #fff; text-align: center; padding: 50px; box-shadow: 0px 0px 20px #000; } </style> </head> <body> <table class="content-holder"> <tr> <td> <div class="back"> <div class="inner"> <h2>Heading</h2> <p class="subtext">Some text here</p> <p>More text</p> <a class="button" href="#">A button</a> […]
dynamic加载CSS样式表在IE上不起作用
我dynamic加载一个CSS样式表（从jQuery的一点帮助），像这样： var head = document.getElementsByTagName('head')[0]; $(document.createElement('link')) .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' }) .appendTo(head); 这在Firefox和谷歌浏览器中工作正常，但不在 IE中。 任何帮助？ 谢谢
我如何确定jQuery中匹配元素的元素types？
我通过ID名称匹配ASP.Net生成的元素，但我有一些元素可能呈现为文本框或标签取决于页面上下文。 我需要确定是否匹配到文本框或标签，以便知道是否通过val（）或html（）获取内容。 $("[id$=" + endOfIdToMatch + "]").each(function () { //determine whether $(this) is a textbox or label //do stuff }); 我发现一个不起作用的解决scheme，它只是返回“未定义”： $("[id$=" + endOfIdToMatch + "]").each(function () { alert($(this).tagName); }); 我错过了什么？
