61,124
社区成员
发帖
与我相关
我的任务
分享咨询下一下css+div,标题右上角显示 "new"或其他
咨询下一下css+div,标题右上角显示 "new"或其他，一般都用于，标题和导航上
例如http://www.1688.com/ 阿里巴巴首页导航上的 “新”字 或者http://www.smzdm.com/这个网站上面导航上的“new” 最好能给个完整的例子代码，多谢咯。
例如http://www.1688.com/ 阿里巴巴首页导航上的 “新”字 或者http://www.smzdm.com/这个网站上面导航上的“new” 最好能给个完整的例子代码，多谢咯。
...全文
请发表友善的回复…
发表回复
chrysaliscn 2013-09-25
- 打赏
- 举报
谢谢啊，放到网站上就是不行，有冲突
chrysaliscn 2013-09-25
- 打赏
- 举报
上面2个单独使用都可以，我试过了，但是放到网站上就不行了
<div id="nav" style="width:960px;" >
<ul>
<li class="nav2" id="index2"><span><a href="/">首页</a></span></li>
<!--<li class="nav2" id="index2"><span><a href="/shop.html">商城</a></span></li>-->
<li class="nav2" id="index3"><span><a href="/product/index.html">产品</a></span></li>
<li class="nav2" id="index4"><span><a href="/sales/index.html">供应</a></span></li>
<li class="nav2" id="index5"><span><a href="/buying/index.html">销售</a></span></li>
<li class="nav2" id="index6"><span><a href="/enterprise/index.html">企业</a></span></li>
<!-- <li class="nav2" id="index7"><span><a href="/service/index.html">招标</a></span></li>-->
<li class="nav2" id="index8"><span><a href="/news/ZiXun/index.html">资讯</a></span></li>
<li class="nav2" id="index9"><span><a href="/ZhanHui/index.html">展会</a></span></li>
<li class="nav2" id="index10"><span><a href="/jobs/index.html">人才</a></span></li>
<!-- <li class="nav2" id="index11"><span><a href="/video/index.html">视频</a></span></li>-->
<li class="nav2" id="index12"><span><a href="/zhidao.html">知道</a></span></li>
<!--<li class="nav2" id="index13"><span><a href="/terms/index.html">百科</a></span></li>-->
<li class="nav2" id="index14"><span><a href="/processesdemo/index.html">流程演示</a></span></li>
<li style="float:right; background:url(/images/nav_line.jpg) left no-repeat; font-weight:bold;"><span><target="_blank" >询价单上传</span> </li>
<!--<li><span><a href="javascript:void(0)" onclick="bbs()">论坛</a></span></li>-->
</ul>
</div>
按照上面的2种方法，我想在 询价单上传 右上角加上“new”或"hot"图片或文字，老是不成功。把网站原有格式弄坏了。
似梦飞花 2013-09-24
- 打赏
- 举报
[quote=引用 2 楼 g13721792528 的回复:]
有没有午夜禁片？
有没有午夜禁片？
似梦飞花 2013-09-24
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
span{
vertical-align:super;
color:#F00;
}
a{
text-decoration:none;
}
</style>
</head>
<body>
<a href="#">test<span>new</span></a>
<a href="#">test2</a>
</body>
</html>
这样试试
fzfei2 2013-09-24
- 打赏
- 举报
其它就是用图片
<style>
.menus{
position: relative;
}
.menus span{
background:url("http://img.china.alibaba.com/cms/upload/2013/201/298/892102_1573916616.png");
width:20px;
height:20px;
position: absolute;
top: -20px;
margin-left: -20px;
}
</style>
<br/><br/><br/>
<div class="menus" >
<a href="#" >待解决</a>
<a href="#" >已解决</a>
<a href="#" >推荐[精华] <span /> </a>
</div>
