Question

关于html的问题

相关代码和运行效果如下，请问1、圆圈旁边的白色区域是怎么形成的？如何去掉？2、鼠标指在文字上面不变成小手形状，只有指在隐藏的内容显示出来后的位置时才变成小手形状，请问这是为什么，如何解决？





Answer 1

首先第一点：关于圆圈周围的白色，测试你的代码的结果原因就是，你的gif图片在做的时候，白色背景应该是没有去掉就保存了，这个可能占99%；

其次第二点：你要的鼠标移上去就显示小手，那是因为你cursor:pointer;这个代码，应该给li标签，而不是#yangshi3；因为#yangshi3，只是鼠标放到li里文字上才会显示的，只有给li标签，鼠标放到文字上才会显示小手；

<style type="text/css">
	h2 {background-color: #cc0000;width: 350px;height: 40px;text-indent: 5px;text-align: center;}
	li {background: url(image/dot_01.gif) no-repeat; text-indent: 7px;list-style: none;cursor: pointer;}
	.yangshi1 {border-bottom: #999 solid 2px; border-right: #999 solid 2px; width: 350px;background: #ffffcc;}
	#yangshi3 {display: none;}
	li:hover #yangshi3 {display: block;}
</style>
<div class="yangshi1">
	<h2>大家都喜欢的彩妆</h2>
	<ol>
		<li>
			1 Za姬芮新能真皙美白隔离霜 35g
			<div id="yangshi3">
				<img src="image/icon-1.jpg"/><br>
				￥62.00 最近69122人购买
			</div>
		</li>
		<li>
			2 Za姬芮新能真皙美白隔离霜 35g
			<div id="yangshi3">
				<img src="image/icon-1.jpg"/><br>
				￥62.00 最近69122人购买
			</div>
		</li>
		<li>
			3 Za姬芮新能真皙美白隔离霜 35g
			<div id="yangshi3">
				<img src="image/icon-1.jpg"/><br>
				￥62.00 最近69122人购买
			</div>
		</li>
	</ol>
</div>

→ps：南京网站建设小拉为您解答，如有疑问，请继续提问，小拉会尽其所能的帮助您！谢谢！