用jquery在html中覆盖按钮img_Html_Css_Overlay

用jquery在html中覆盖按钮img

html css

用jquery在html中覆盖按钮img,html,css,overlay,Html,Css,Overlay,我在将引导图示符图像覆盖在背景img上时遇到问题，并将其作为按钮单击我还将jquery模板样式用于我要显示的其他页面，如flipboard样式的页面这是html代码，问题是最后一段代码 <body> <div id="st-container" class="st-container"> <div class="st-pusher"> <nav class="st-menu st-effect" id="men

我在将引导图示符图像覆盖在背景img上时遇到问题，并将其作为按钮单击

我还将jquery模板样式用于我要显示的其他页面，如flipboard样式的页面

这是html代码，问题是最后一段代码

<body>
    <div id="st-container" class="st-container">
        <div class="st-pusher">
        <nav class="st-menu st-effect" id="menu">
           <img src="" style="height:50px;" alt="" />
            <ul id="url-list"></ul>
        </nav>

        <script id="pageTmpl" type="text/x-jquery-tmpl">
            <div class="${theClass}" style="${theStyle}">
                <div class="front">
                    <div class="outer">
                        <div class="content" style="${theContentStyleFront}">
                            <div class="inner">{{html theContentFront}}</div>
                        </div>
                    </div>
                </div>
                <div class="back">
                    <div class="outer">
                        <div class="content" style="${theContentStyleBack}">
                            <div class="inner">{{html theContentBack}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </script>

以及css中的overlay类

imgoverlay{
    position:absolute;
    left:0px;
    right:0px;
}

不确定我在这里是否出错，我仍然在学习css/html缺少指示

imgoverlay

是css类的点

.imgoverlay {
    position:absolute;
    left:0px;
    right:0px;
}

如果没有点，浏览器将查找名为

imgoverlay

的标记。

使用点，浏览器会查找任何具有class

imgoverlay

的元素。您能发布此元素吗？它解决了覆盖问题，它显示正确-仍然存在一个问题，即当我使用imgoverlay时，我的按钮不可单击-如果我删除calss=“imgoverlay”，则按钮可单击

body{
    font-family: 'Open Sans Condensed','Arial Narrow', serif;
    background: #ddd url(../img/background.jpg) repeat top left;
    font-weight: 400;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: 0;
    overflow: hidden;
}

imgoverlay{
    position:absolute;
    left:0px;
    right:0px;
}

.imgoverlay {
    position:absolute;
    left:0px;
    right:0px;
}