html - 在 html 中的图像上选取文本

Question

我希望文本在我网页右上角的图像上从上到下滚动。但我无法将文字放在图像上。提前致谢

<div id="display">
    <img height="210" width="160" src="note1.gif" />
    <marquee id="m1" onMouseOver="stopM()" onMouseOut="startM()" scrollamount="2" direction="up" loop="true" width="30%">
    <center>
    <p id="text">
    Opening Soon !!!
    </p>
    </center>
    </marquee>
    </div>

这是我的CSS代码

#display { 
        position:absolute; 
        visibility:show; 
        left: 73%; 
        top: 2%;        
        }
#text
{
     color:Black;
    font-size:12px;
    font-weight:bold;
    left:65%;
    top:2%;
}

Answer 1

我将避免对您的 HTML 的有效性发表评论，而只会在这里解决您的问题。

This fiddle should solve your problem

CSS

#display 
{ 
     position:absolute; 
     visibility:show; 
     left: 73%; 
     top: 2%;
}
#text
{
    color:Black;
    font-size:12px;
    font-weight:bold;
    left:65%;
    top:2%;
}
marquee {
    position: absolute;
    top: 0;
}