Heim > Web-Frontend > HTML-Tutorial > 怎么在marquee标签里面设置一个关闭的图标_html/css_WEB-ITnose

怎么在marquee标签里面设置一个关闭的图标_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:37:39
Original
1503 Leute haben es durchsucht


这里应该怎么设置才能让span 漂浮于marquee之上也不影响布局 也不影响marquee标签里面的事件


回复讨论(解决方案)

新人第一次发帖  求大牛解救

 最后希望达到的效果就是 点击这个图片能触发事件 ,也不影响鼠标进入marquee标签触发的事件

是不是下班时间到了 没人看?

 最后希望达到的效果就是 点击这个图片能触发事件 ,也不影响鼠标进入marquee标签触发的事件

给他加一个父级标签,加上相对定位,这个关闭图片用绝对定位定位到右侧

这个问题我自己已经解决了 不好意思 

之前是我自己自作聪明 把span放到另一个div里面 导致这个marquee的鼠标事件不能触发
现在的问题是 这个span老被marquee挤到下面 你说的绝对定位是怎么定位

我直接将这两个元素放在一个div里面  并且span也已经 float right  但就是会被marquee挤到下面

建议用绝对定位

我这两个元素所在的div我将其 position:fixed; bottom:0;  但是当marquee动态的改变其margin-left的值的时候 span就跑到哪里去也不知道了   明明提示说span在这里 但是怎么也找不到span的位置 span里面我是直接加了个×;刚学css 什么都不懂    大牛们 多来指导啊

<!doctype html><html lang="en"><head>	<meta charset="UTF-8" />	<title> 页面名称 </title><style type="text/css">#box {	width: 100%;	height: 24px;	position: relative;}marquee {	background: #39C;	color: #FFF;	width: 100%;	height: 24px;}.clear {	display: inline-block;	background: #CCCC99;	color: #3300CC;	width: 24px;	height: 24px;	position: absolute;	left: auto;	top: 0;	right: 0;}</style></head><body><div id="box">	<marquee>aaaaa bbbbbbccccccc</marquee><span class="clear">X</span></div></body></html>
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage