我刚刚开始使用 HTML 和一些基本的 CSS，我在这里试图用一些简单的标签让 Rocketship 推上另一个图像，

我什么都试过了。

我现在有

<div align="center" >
<marquee behavior="scroll" direction="up">
<img class="ImageOn,html,css,marquee"/>
	














    

		

        

            
            时间戳
        

		

		

        
		

    
















	
首页  > 解决方案 > 如何让一个图像在一个图像中推高另一个图像标签

我刚刚开始使用 HTML 和一些基本的 CSS，我在这里试图用一些简单的标签让 Rocketship 推上另一个图像，



我什么都试过了。



我现在有



<div align="center" >
<marquee behavior="scroll" direction="up">
<img class="ImageOn












html - 如何让一个图像在一个图像中推高另一个图像标签

我刚刚开始使用 HTML 和一些基本的 CSS，我在这里试图用一些简单的标签让 Rocketship 推上另一个图像，



我什么都试过了。



我现在有



<div align="center" >
<marquee behavior="scroll" direction="up">
<img class="ImageOn





问题描述



我刚刚开始使用 HTML 和一些基本的 CSS，我在这里试图用一些简单的标签让 Rocketship 推上另一个图像，



我什么都试过了。



我现在有



<div align="center" >
<marquee behavior="scroll" direction="up">
<img class="ImageOne" src="images.png">
<img class="ImageTwo" src="falcon9-render.png">
</div>
</marquee>




我已经尝试了一些 CSS，它现在在我的 stylesheet.css 中，这是代码。



image {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid red;
}
.imageOne {
    z-index: 0;
}
.imageTwo {
    z-index: 1;
}




在这一点上，我什至不知道我是否在正确的上下文中使用 z-index。如果它很难看到我的视力，我基本上会尝试在它下面用另一个图像来推动和成像。或创建那种视觉效果，我不知道我是否必须编辑像素并将它们对齐。火箭似乎在中心，但 src="images.png" 在侧面，但它在标签下......



对不起，如果这是愚蠢和简单的，但我找不到任何东西。



根据评论中的要求；https://jsfiddle.net/7ohrpk42/







迭代和修改具有空上值的低三角表


鉴于我在 excel 中的三角形矩阵：



        Random    Name    ValC    ValA
Random
Name      1     
ValC      3      7     
ValA      4      10       20  




我希望能够实现我自己的顺序（不需要作为元组）并创建另一个三角形矩阵：



order = (ValA, Random, ValC, Name)

        ValA    Random    ValC    Name
ValA
Random    4     
ValC      20      3     
Name      10      1       7 




另外，我希望能够在方便时使用标题名称：



dict = {'ValA':'Files','Random':'Num', 'ValC':'Restr', 'Name':'Course'}

        Files    Num    Restr    Course
Files
Num      4     
Restr    20      3     
Course   10      1       7  




提前致谢


标签： htmlcssmarquee


解决方案









更新的解决方案：







img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}


<DOCTYPE HTML!>
  <html>

  <body bgcolor=“#add8e6”&gt;
    <title>The Most Best Worst Websites</title>
    <div align="center">
      <marquee behavior="scroll" direction="up">
        <img class="ImageOne" src="https://i.postimg.cc/g2ZJTkHk/images.png">
        <img class="ImageTwo" src="https://i.postimg.cc/mD5W47bx/falcon9-render.png">
      </marquee>
    </div>
  </body>

  </html>









如果没有 jsFiddle，你的问题有点不清楚，但我认为你正在尝试做这样的事情：







img {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

.imageOne {
  margin: none;
}

.imageTwo {
  margin: none;
}


<div align="center">
  <marquee behavior="scroll" direction="up">
    <img class="ImageOne" src="https://place-hold.it/20x30">
    <br>
    <img class="ImageTwo" src="https://place-hold.it/20x30">
  </marquee>
</div>
















推荐阅读