有人可以帮助更改此内容以合并名为BUTTON1.JPG的图像，而不是标准的submit按钮吗？
<form id='formName' name='formName' onsubmit='redirect();return false;'>
<div class="style7">
<input type='text' id='userInput' name='userInput' value=''>
<input type='submit' name='submit' value='Submit'>
</div>
</form>
<form method="post" target="take_the_reload">
...
</form>
<iframe class="hide_me" name="take_the_reload"></iframe>
我的问题如下：
我有一个需要阻止的表单在提交时刷新它所在的页面。 为解决此问题，我一直在使用一个空的iframe作为表单的iframe。 该功能完全可以在Chrome（v12.0.742）中按预期方式工作，但在Firefox（v6.0）中无法正常工作。
在Firefox中发生的事情是，在提交表单后，iframe在新选项卡中打开，这显然不是我想要的。
我发现了一些相关的帖子，但是都没有解决我的特殊情况，因此他们的解决方案不起作用。
不幸的是，这项工作是在专用网络中的专有系统上进行的，因此我不能仅仅提供一个链接。
我还尝试过使用iframe（而不是iframe）作为相关主题的答案，因为不赞成以这种方式使用iframes。 但是结果是相同的。
同样，iframe并不是在JavaScript中动态添加的，而是被硬编码到页面中。 最后，就像我之前说的那样，这在Chrome浏览器中可以完美运行，但在Firefox中根本无法运行。 IE不是问题，因此欢迎任何非IE友好的解决方案！
我想将CSS文件应用于页面中的具体DIV。 这是页面结构：
<link rel="stylesheet" href="style.css" />
...
<body>
<div id="pagina-page" data-role="page">
...
<div id="applyCSS">
(all the elements here must follow a concrete CSS rules)
</div>
...
</body>
我试图应用CSS文件的规则来编辑它（CSS文件太大）：
#applyCSS * { (For all the elements inside "applyCSS" DIV:)
.ui-bar-a {
...
...
}
.ui-bar-a .ui-link-inherit {
...
}
...
}
但是该解决方案不起作用。 那么，我该怎么做呢？
因此，基本上我正在使用wkhtmltopdf将动态HTML报告转换为PDF。
该报告具有特定的格式，有人要求我用HTML克隆该格式。
我面临的问题是我无法在html中模拟100％功能的分页符，因此wkhtmltopdf可以解释它并将内容发送到另一页。
我试图避免页面尺寸的测量方法，等等。
TIA提供的任何帮助。
编辑：到目前为止，我正在使用<br>模拟分页符，并且它可以正常工作。 我仍然需要做一些测试。
如何检测div元素中的垂直文本溢出？
CSS：
div.rounded {
background-color:#FFF;
height: 123px;
width:200px;
font-size:11px;
overflow:hidden;
}
HTML：
<div id="tempDiv" class="rounded">
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.
</div>
<span class="drop" />
HTML跨度可以这样关闭吗？
在一个HTML元素上使用多个类是一种好习惯吗？ 例如：
<div class="nav nav-centered nav-reversed navbar navigation-block"></div>
我并不是说一个元素上的两个或三个类是不好的，但是四个，五个甚至六个呢？
我有一个input字段，该字段保存一个URL，我希望此保存的输入可以识别变量的开头何时不存在“ Http //”，但不知道从何处开始...是否可以仅检查一个 字符串的一部分？ -然后有一个必要时会附加的功能？
我正在尝试使用CSS完成两个div的边界：
我尝试仅使用<div class="left"></div>
<div class="right"></div>，但两个局部圆圈没有被压在一起：[http://jsfiddle.net/uwz6L79w/]
<div class="left"></div>
<div class="right"></div><div class="left"></div>
<div class="right"></div>我可以将它们进一步按在一起，但是我必须使一个div与另一个重叠，例如：[http://jsfiddle.net/uwz6L79w/1/。
<div class="left"></div>
<div class="right"></div><div class="left"></div>
<div class="right"></div>有谁知道我如何在没有div重叠的情况下完成此任务？
我需要在GitHub README.md文件中为图像添加边框。 这是应该嵌入图像的方式：
我试图用表包装图像：
|--------------------------------|
||
但是无法创建没有标题的表。
我也尝试过将图片添加为html标签：
<img src="/images/logo.png" style="border: 1px solid black" />
但没有成功。 有什么办法吗？
我有一个基于矢量绘图的网站，对于Internet Explorer，我正在使用VML，对于其他浏览器，我正在使用SVG。IE8不支持，而没有退回到具有VML的IE7模式。
因此，我包括<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />。
问题（嗯，实际上是一件好事）是IE9现在支持SVG，所以我不希望它退回到IE7模式，该模式的性能和兼容性要差得多。 如何仅告诉IE8退回到IE7模式，但让IE9保持IE9模式？
现在，我正在对代理进行服务器端检查，是否在头中包含EmulateIE7字符串，但我想尽可能避免这种情况。
如何将浏览按钮重命名为“选择文件”？ 例如。：
<input type=file name=browse >
我想在输入元素中插入一个描述性文本，当用户单击它时该输入文本会消失。
我知道这是一个很常见的把戏，但我不知道该怎么做。
什么是最简单/更好的解决方案？
我正在使用Bootstrap创建轮播，我的图像很大，因此当屏幕小于图像时，不会保持该比例。
我该如何改变呢？
这是我的代码：
.carousel .item {
height: 500px;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}
[HTTP://JS fiddle.net/Dr Q扣Q/]
我需要图片适合100％的宽度，但要保持其500px的高度（我认为是500px），这意味着在较小的屏幕上我们看不到图片的最左侧和最右侧。
我尝试将图像包含在div中并添加
overflow: hidden;
width: 100%;
height: 500px;
display: block;
margin: 0 auto;
但这不起作用
谢谢！
我正在寻找一种显示3列内容的方法。 我找到了一种显示环绕式列的方法，但是我不希望在此页面上显示。 我正在寻找一种说法
<column>
<!-- content -->
</column>
3次，并在彼此之间显示3列。 我认为最好的例子是The Verge（[http://www.theverge.com/）。]做到这一点的最佳方法是什么？
我在Bootstrap中的下拉菜单似乎不起作用-有人可以提醒我该问题吗？ 现在，它显示下拉菜单，但是单击它不会执行任何操作。 谢谢！
JS：
$(document).ready( function() {
$('.dropdown-toggle').dropdown();
});
HTML：
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container" style="width: auto;">
<a class="brand" style="text-indent: 3em" href="#">
Title
</a>
<ul class="nav">
<li><a href="#">Profile</a></li>
<li class="active"><a href="#">Statistics</a></li>
<li><a href="#">Reader</a></li>
<li class="dropdown" id="menu1">
<a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
Options
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
我正在使用<pre>标记显示预格式化的文本（包括换行符，空格和制表符等），但是没有换行符的大行显示在一行中，并添加了滚动条。
我想限制<pre>标签的宽度（这样，大行被分解成新行，不需要滚动。这是否可能，或者我可以使用其他标签吗？
代码类似于：
$.post("contr.php", q1, function(data) {
$("#el_text").html("< pre>"+data+"< /pre>");
});
是否可以通过内联CSS加载外部字体？
注意：我不是在谈论使用定义为@font-face的外部CSS文件，而是类似以下内容：
<h1 style="font-family:myfont;
src:('http://example.com/font/myfont.tff')">test</h1>
在这里看看这个例子：
[HTTP://Denise.白日心work.com/show listing/1/8297-valley-drive-alpine-meadows-Whistler-Denise-Brown-real-estate]
而且“规格”下的红色表格不会变成包含它的完整宽度-在Firebug上进行检查时，div不是220像素，而是基于内容宽度刚好超过100像素。
<div class="grid_4 alpha">
<table width="100%" class="grid_4 alpha omega">
<tr class="specrow">
<td class="specname">type:</td>
<td class="specvalue">House</td>
</tr>
<tr class="specrow">
<td class="specname">year:</td>
<td class="specvalue">1986</td>
</tr>
</table>
</div>
CSS代码如下所示：
#listing_specs table {
width: 100%;
}
#listing_specs table tbody {
display: table-row-group;
width: 100%;
}
.specrow {
margin:2px 0px;
border-bottom:1px dotted #dadada;
color: #fff;
width: 100%;
background-color: #A92229;
}
.specrow:hover {
background-color:#fff;
color:#333;
}
.specname{
font-weight: 600;
padding:2px 2px 2px 5px;
width: 50%;
white-space: nowrap;
}
.specvalue {
font-weight:normal;
padding:2px 5px 2px 5px;
text-align:left;
width: 50%;
}
我知道有一个通用的CSS重置程序，我认为这就是问题所在。 不幸的是，我不能只删除对它的引用，因为此刻有多个站点从同一位置引用了它，并且我不能不做仔细的检查就做出更改。 因此，我需要一种在样式表本身上覆盖它的方法。 被调用的重置CSS是：
<link rel="stylesheet" type="text/css" media="all" href="http://demo.brixwork.com/master/css/reset.css" />
我有一个带有框架的页面，在框架下方有一些链接。
我希望单击链接时可以在框架中打开页面。
我尝试了<a href="" target="nameofframe">link1</a>，但是没有用？
更新它是一个iframe。