有谁知道IE7 中http://jsfiddle.net/jDNFU/的问题出在哪里?我已经尝试了我能做的一切。
问问题
421 次
1 回答
0
你不能用这样的东西吗?你想做什么?它需要看起来像什么?
<ul id="mytest">
<li><input type="text" value="" name="test1" /></li>
<li><input type="text" value="" name="test2" /></li>
<li><input type="text" value="" name="test3" /></li>
<li><input type="text" value="" name="test4" /></li>
<li><input type="text" value="" name="test5" /></li>
<li><input type="text" value="" name="test6" /></li>
</ul>
#mytest {list-style:none; width:254px; max-height:328px; overflow-y:auto; display:block;}
#mytest li {position:relative; display:inline; zoom:1; height:25px;}
#mytest input {position:absolute;}
编辑: 由于您自己修复了它,这就是我将它切片的方式。因为您不需要调整输入的大小,所以您可以只拍摄完整的背景图像,不是吗?
.clr { clear: both; }
#myform { width: 800px; }
#myform fieldset { display: block; float: left; margin: 0; padding: 0; border: medium none; }
#myform input.txt { display: block; width: 200px; border: medium none; background: transparent url('bg_input.jpg') no-repeat scroll 0 0; height: 30px; text-indent: 2px; }
#myform label { float: left; width: 120px; height: 30px; }
#myform textarea { display: block; border: medium none; height: 180px; background: transparent url('bg_textarea_large.jpg') no-repeat scroll 0 0 !important; resize: none; }
#myform .large { width: 378px; background: transparent url('bg_input_large.jpg') no-repeat scroll 0 0; }
#myform .button { }
#myform fieldset.addfriends { width: 300px; }
#myform fieldset.personal { width: 500px; }
<form id="myform">
<fieldset class="addfriends">
<p>Enter at least 3 email addresses of your friends</p>
<input type="text" class="txt" />
<br />
<input type="text" class="txt" />
<br />
<input type="text" class="txt" />
</fieldset>
<fieldset class="personal">
<label for="name">Your name:</label><input type="text" id="name" class="txt" />
<br />
<label for="email">Your e-mail:</label><input type="text" id="email" class="txt" />
<br />
<label for="subject">Subject:</label><input type="text" id="subject" class="txt large" value="You'll love it!" />
<br />
<label for="message">Message:</label><textarea id="message" class="large"></textarea>
<br />
<input type="submit" class="button" value="Send" />
</fieldset>
<div class="clr"></div>
</form>
于 2012-07-29T12:27:31.067 回答