我想将图像放在自举程序中的轮播之上

阿努什卡·辛哈(Anushika Sinha)

我希望我的dp的一半在轮播图片的顶部,并且应该在中间。轮播应像在Facebook中一样是封面。

.dp-container{
        width: 200px;
        height: 200px;
        border: 2px solid black;
        margin-top: -100px;
        padding: 1px;
        z-index: 1000;
        background-color: rgb(220,220,220);
      }
<div id="carouselExampleControls" class="carousel slide lessz" data-bs-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="carousel1.jpg" class="d-block w-100" height="400">
        </div>
        <div class="carousel-item">
          <img src="carousel2.jpg" class="d-block w-100" height="400">
        </div>
        <div class="carousel-item">
          <img src="carousel3.jpg" class="d-block w-100" height="400">
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </a>
    </div>
        <img src="mydp.jpg" class="dp-container container">

在此处输入图片说明

伊姆兰·拉菲克(Imran Rafiq Rather)

添加position:relative;到父项。

    .carousel-inner{
       position:relative;
     }

然后position:absolute;将img放在底部。

 .carousel-inner{
       position:relative;
  }
.dp-container{
        position:absolute;
        width: 200px;
        height: 200px;
        border: 2px solid black;
        padding: 1px;
        z-index: 1000;
        background-color: rgb(220,220,220);
        left:400px;
        bottom:20px;
      }
<div id="carouselExampleControls" class="carousel slide lessz" data-bs-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="carousel1.jpg" class="d-block w-100" height="400">
        </div>
        <div class="carousel-item">
          <img src="carousel2.jpg" class="d-block w-100" height="400">
        </div>
        <div class="carousel-item">
          <img src="carousel3.jpg" class="d-block w-100" height="400">
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </a>
    </div>
        <img src="mydp.jpg" class="dp-container container"/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我想将图像放在自举程序中的轮播之上

来自分类Dev

如何将图像放在引导程序中的图像之上;

来自分类Dev

与自举轮播中的中心图像对齐

来自分类Dev

如何将我的表单放在CSS / HTML中的图像之上?

来自分类Dev

使3个图像在自举轮播中彼此相邻并居中

来自分类Dev

使3个图像在自举轮播中彼此相邻并居中

来自分类Dev

我的自举轮播代码中的箭头未正确对齐

来自分类Dev

我想将字符存储在图像中。迅速

来自分类Dev

自举图像轮播,右侧带有文本

来自分类Dev

如何在引导程序中将文本和链接放在图像之上?

来自分类Dev

如何允许用户将图像放在html中的另一个图像之上?

来自分类Dev

如何在自举轮播中显示指标

来自分类Dev

我想将图标放在圆圈中间

来自分类Dev

具有全尺寸居中图像的自举轮播

来自分类Dev

我想将其他文档中的多个段落放在文档中的占位符上

来自分类Dev

我想将字符串和数组数据放在Ruby中的sqlite3中

来自分类Dev

我想将全宽的td标签放在不同td标签的引导表中

来自分类Dev

为我的自举轮播添加淡入淡出效果

来自分类Dev

我需要将轮播固定到特定的尺寸,并将图像固定在轮播中

来自分类Dev

我想将“给定”和“姓氏”列放在 SQL 中的“全名”中,我该怎么做。tnx

来自分类Dev

角度ui自举轮播中没有过渡

来自分类Dev

删除自举轮播渐变

来自分类Dev

列内的自举轮播

来自分类Dev

删除自举轮播渐变

来自分类Dev

将图像放在另外两个之上

来自分类Dev

我正在尝试制作计时器,我想将这3个按钮放在圆圈中

来自分类Dev

我想将捕获的图像作为附件发送到我的邮件中

来自分类Dev

我想将图像对准div的中心

来自分类Dev

我想将按钮(子视图)放在android的前面

Related 相关文章

  1. 1

    我想将图像放在自举程序中的轮播之上

  2. 2

    如何将图像放在引导程序中的图像之上;

  3. 3

    与自举轮播中的中心图像对齐

  4. 4

    如何将我的表单放在CSS / HTML中的图像之上?

  5. 5

    使3个图像在自举轮播中彼此相邻并居中

  6. 6

    使3个图像在自举轮播中彼此相邻并居中

  7. 7

    我的自举轮播代码中的箭头未正确对齐

  8. 8

    我想将字符存储在图像中。迅速

  9. 9

    自举图像轮播,右侧带有文本

  10. 10

    如何在引导程序中将文本和链接放在图像之上?

  11. 11

    如何允许用户将图像放在html中的另一个图像之上?

  12. 12

    如何在自举轮播中显示指标

  13. 13

    我想将图标放在圆圈中间

  14. 14

    具有全尺寸居中图像的自举轮播

  15. 15

    我想将其他文档中的多个段落放在文档中的占位符上

  16. 16

    我想将字符串和数组数据放在Ruby中的sqlite3中

  17. 17

    我想将全宽的td标签放在不同td标签的引导表中

  18. 18

    为我的自举轮播添加淡入淡出效果

  19. 19

    我需要将轮播固定到特定的尺寸,并将图像固定在轮播中

  20. 20

    我想将“给定”和“姓氏”列放在 SQL 中的“全名”中,我该怎么做。tnx

  21. 21

    角度ui自举轮播中没有过渡

  22. 22

    删除自举轮播渐变

  23. 23

    列内的自举轮播

  24. 24

    删除自举轮播渐变

  25. 25

    将图像放在另外两个之上

  26. 26

    我正在尝试制作计时器,我想将这3个按钮放在圆圈中

  27. 27

    我想将捕获的图像作为附件发送到我的邮件中

  28. 28

    我想将图像对准div的中心

  29. 29

    我想将按钮(子视图)放在android的前面

热门标签

归档