> 웹 프론트엔드 > HTML 튜토리얼 > 怎么在marquee标签里面设置一个关闭的图标_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:37:39
원래의
1505명이 탐색했습니다.


这里应该怎么设置才能让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>
로그인 후 복사

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿