Html 让我的身体根据精灵做出反应
我可以根据本页上的eagle sprite使用所有帮助,使我的联系人表单响应: 这样做的目的是在调整屏幕大小的同时,让鹰嘴覆盖表单。 正如你所看到的,精灵和形体都是完全灵敏的。但是,调整尺寸时,形状不会粘在鹰的嘴上 HTML:Html 让我的身体根据精灵做出反应,html,css,Html,Css,我可以根据本页上的eagle sprite使用所有帮助,使我的联系人表单响应: 这样做的目的是在调整屏幕大小的同时,让鹰嘴覆盖表单。 正如你所看到的,精灵和形体都是完全灵敏的。但是,调整尺寸时,形状不会粘在鹰的嘴上 HTML: <section id="two" class="window"> <img src="assets/contact.jpg" alt="background image"> <div id="s
<section id="two" class="window">
<img src="assets/contact.jpg" alt="background image">
<div id="sprite1_contact"></div>
<div id="sprite2_contact"></div>
<div id="content">
<div class="contact">
<form>
<fieldset class="name group">
<label for="name" class="name">Name</label>
<input id="name" name="name" required aria-required=”true” pattern="[A-Za-z-0-9]+\s[A-Za-z]+" title="firstname lastname"/>
</fieldset>
<fieldset class="email group">
<label for="email" class="email">Email</label>
<input type="email" id="email" name="email" required title="Submit a valid Email">
</fieldset>
<fieldset class="phone group">
<label for="phone" class="phone">Telephone</label>
<input type="tel" id="phone" name="phone" pattern="(\+?\d[- .]*){7,17}" required title="Submit an international, national or local phone number"/>
</fieldset>
<fieldset class="message group">
<label class="message">Message</label>
<input type="text" id="message" required/>
</fieldset>
<fieldset class="send group">
<input type="submit" value="Send" class="sendButton">
</fieldset>
</form>
</div>
</div>
</section>
CSS中只有两个变化:
#sprite2_contact {
top: 0px !important;
}
只是为了克服内联的顶部
及
好的,你已经有了一个边距属性,只需要在后面放置它,这样另一个就会被覆盖
我以这种方式设置了这些更改,而不是更改您的更改,因此可以更容易地查看和恢复这些更改对我不起作用。我取出了内联的top,因此我不需要应用top:0px!重要的。不过,我确实应用了边距顶部,但没有提供我需要的适当效果。我希望表单(包括它的字段集)能够完全响应,并在调整屏幕大小时粘在鹰嘴上。在你提出建议后,我做了一个小提琴笔迹。然而,我正试图先在页面上添加一个新的背景,然后我会拿着小提琴回到这里。谢谢
#sprite2_contact {
top: 0px !important;
}
#content {
margin-top: 28%;
}