一个很急的样式问题!!!!!!!!!

qiudong_5210 2011-07-22 11:13:51
div层里有一张图片鼠标放在图片上时会有左箭头或右箭头,点击更换图片时在IE6会有鼠标变图片的变鼠标再变图片的情况,不知道该怎么解决,这个问题是必须要解决的,求助!!!


bg11.cur和bg12.cur分别是左箭头和右箭头
bg06为白色背景图

.nph_btn_pphoto {
cursor:url(images/bg11.cur),auto;
display:block;
height:100%;
outline:medium none;
width:100%;}

.nph_btn_nphotor {
cursor:url(images/bg12.cur),auto;
display:block;
height:100%;
outline:medium none;
width:100%;
}
.imgcobox{ width:960px; border:1px solid #cccccc; padding:19px; overflow:hidden; margin:0 auto;}
.content{ margin:0 auto; width:960px; height:100%; position:relative; height:640px; text-align:center}
.imgt-imgc1{ width:960px; overflow:hidden; height:640px; display:table-cell; text-align:center; vertical-align:middle; padding:0px;}
.content .left{ position:absolute; width:50%; height:100%; top:0; left:0; background:url(images/bg06.png) repeat scroll 0 0 transparent;}
.content .right {
background:url(images/bg06.png) repeat scroll 0 0 transparent;
height:100%;
position:absolute;
right:0;
top:0;
width:50%;
}




<div class="imgcobox"><div class="content"> <div class="imgt-imgc1"> <i></i> <img src="http://ent.people.com.cn/mediafile/200707/24/F200707241059571601512089.jpg" /></div> <div class="left"><a href="#" class="nph_btn_pphoto" target="_self" hidefocus="true"></a></div> <div class="right"><a href="#" class="nph_btn_nphotor" target="_self" hidefocus="true"></a></div></div>

...全文
142 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
孟子E章 2011-07-22
  • 打赏
  • 举报
回复
试试
cursor:url(images/bg11.cur),auto;
的定义放在div上。
qiudong_5210 2011-07-22
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 net_lover 的回复:]
用你的ie6看这个页面
http://slide.news.sina.com.cn/c/slide_1_2841_18309.html
[/Quote]

多点击几次之后,也会出现直接是鼠标而不是图片的情况
胡飞 2011-07-22
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 qiudong_5210 的回复:]

引用 4 楼 last_1314 的回复:
“点击更换图片时在IE6会有鼠标变图片的变鼠标再变图片的情况...”
我被这句句子绕晕了...


不好意思,有时会出现加载完页面之后,显示的是鼠标箭头而不是 翻页定义的样式左箭头或右箭头
[/Quote]

这个现象是因为鼠标变成了选择文本才出现的样式,你需要在那div上加上一句
onselectstart="return false"


<div id="efpLeftArea" class="arrLeft" title="上一张" onselectstart="return false"></div>
<div id="efpRightArea" class="arrRight" title="下一张" onselectstart="return false"></div>
babyShell 2011-07-22
  • 打赏
  • 举报
回复
IE6下height:100%有问题,你没有设置父级元素的高度
.content .left{ position:absolute; width:50%; height:640px; top:0; left:0; background:url(images/bg06.png) repeat scroll 0 0 transparent;}
.content .right {
background:url(images/bg06.png) repeat scroll 0 0 transparent;
height:640px;
position:absolute;
right:0;
top:0;
width:50%;
}

或者给imgcobox一个height:640px;之类的,然后.left,.right的height:100%;
孟子E章 2011-07-22
  • 打赏
  • 举报
回复
用你的ie6看这个页面
http://slide.news.sina.com.cn/c/slide_1_2841_18309.html
qiudong_5210 2011-07-22
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 last_1314 的回复:]
“点击更换图片时在IE6会有鼠标变图片的变鼠标再变图片的情况...”
我被这句句子绕晕了...
[/Quote]

不好意思,有时会出现加载完页面之后,显示的是鼠标箭头而不是 翻页定义的样式左箭头或右箭头
babyShell 2011-07-22
  • 打赏
  • 举报
回复
“点击更换图片时在IE6会有鼠标变图片的变鼠标再变图片的情况...”
我被这句句子绕晕了...
孟子E章 2011-07-22
  • 打赏
  • 举报
回复
ie6就这样的吧,你看看sina,sohu这样的功能是否也是这样,你可以参照他们的写法
qiudong_5210 2011-07-22
  • 打赏
  • 举报
回复
放在div上也不行

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧