Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 让我的身体根据精灵做出反应_Html_Css - Fatal编程技术网

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

我可以根据本页上的eagle sprite使用所有帮助,使我的联系人表单响应: 这样做的目的是在调整屏幕大小的同时,让鹰嘴覆盖表单。 正如你所看到的,精灵和形体都是完全灵敏的。但是,调整尺寸时,形状不会粘在鹰的嘴上

HTML:

       <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%;
}