javascript - 如何获得图像的按钮侧

标签 javascript css html styling

我有一个页面,我想在其中显示图像旁边的按钮,因此它看起来像图像按钮,因此作为一个循环,其中暗示要下载但我不擅长 css,我尝试如下但它不能满足我的要求。任何人都可以调整我的代码。提前致谢。

<section id="content" class="smPaddingTop60">
    <div class="content-wrap">
        <div class="container clearfix">
            <div class="nobottommargin">
                <div> 
                    <div class="pressImg col-xs-12 col-sm-6 col-md-3">
                        <img img-cache  ng-src="images/press/launchad_winners.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners">
                    </div>
                    <button class=" col-xs-12 col-sm-6 col-md-3 btn btn-success" data-ng-click="closePotentialModel()">
                        <a target="_BLANK" href="https://app.hubspot.com/meetings/troy-martin"><span style="color:white;">Schedule a Meeting</span></a>
                    </button>
                    <hr>
                    <div class="imgContainer">
                        <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners">
                    </div>
                    <hr>
                    <div class="imgContainer">
                        <img img-cache  ng-src="images/press/xpertdox_logo_text.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners">
                    </div>
                    <hr>
                    <div class="imgContainer">
                        <img img-cache class="image_fade mgnbtm" ng-src="images/press/logo_text_blue.jpg" onError="this.src='images/noimage.png';" alt="launchpad_winners">
                    </div>
                </div>
            </div>
        </div>
    </div>

最佳答案

也许是这个?

img.the-image-class + .the-button-class {
   display: block;
   margin-top: -20px; /* to move button 20px above from original position */
}

关于javascript - 如何获得图像的按钮侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42311719/

相关文章:

Javascript getElementById 在单独的 JS 文件中,src 用 javascript 编写

javascript - 执行后,window.setTimeout() 抛出 'Uncaught TypeError: undefined is not a function' ?

html - 如何在@page @top-left 中声明一个div

javascript - 为什么 v-model 不显示?需要在表单处于编辑模式时显示值

javascript - 如何分离axios获取数组对象

javascript - 在 Ruby on Rails 中使用 JQuery 更改图像

javascript - Chart.js 反转 Y 轴但将背景填充保持在下方

jquery - Bootstrap CSS 不适用于使用 JQuery 动态添加的新 HTML

css - Span 与 ie6 中的 h1 不一致

html - 是否有可能让 child 的 z 指数高于其 parent