`
songkailicj
  • 浏览: 6147 次
  • 性别: Icon_minigender_2
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

菜单按钮002 双竖线样式,存在兼容问题,求大虾指导!

阅读更多
<!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">
#menu{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	width:120px;
	padding:8px;
	background-color:#ccc;
	margin:0px auto;
	border:1px solid #ccc;
}

#menu a,#menu a:visited{
	display:block;
	background-color:#fff;
	padding:4px 8px;
	color:#000;
	text-decoration:none;
	margin:8px 0;
	border-left:8px solid #9ab;
	border-right:8px solid #9ab;
}
#menu a:hover{
	color:#f00;
	border-left:8px solid #000;
	border-right:8px solid #000;
}

#menu a#first, #menu a#last{
	margin:0;/*由于浏览器的塌陷作用,第一个和最后一个宽度依然保持8px,但是IE中出现兼容性问题*/
	
	}
/*存在兼容问题,在IE中下方的高度还是双倍,在火狐浏览器中显示是正确的*/
</style>
</head>

<body>
<div id="menu">
 <a href="#" id="first">Home</a>
 <a href="#">Contact</a>
 <a href="#">Web DEV</a>
 <a href="#">Web Design</a>
 <a href="#" id="last">Map</a>
</ul>
</div>
</body>
</html>

 

分享到:
评论

相关推荐

    eclipse左对齐竖线plugin

    然后,在Eclipse中,你可以通过"Help"菜单选择"Install New Software"选项,接着点击"Add"按钮导入下载的插件档案。确保勾选了所需的插件,并按照向导完成安装。 在安装过程中,如果遇到问题或需要帮助,可以联系...

    word2021文章开头左侧多出一条竖线怎么解决?.docx

    在使用 Word 2021 进行文档编辑时,可能会出现文章开头左侧多出一条竖线的问题。这款竖线可能是由于文章被设置了审阅所引起的。在这种情况下,需要通过特定的方法来消除竖线。下面将为大家介绍五种不同的解决方法。 ...

    小程序 竖线节点 效果

    在微信小程序的开发中,有时候我们需要创建一种特定的视觉效果,比如时间轴或者列表中的分隔标记,这就是所谓的“竖线节点”或“分割线节点”效果。这种效果通常用于展示一系列按照时间顺序排列的事件,或者区分不同...

    某个时段点画竖线.mq4

    某个时段点画竖线.mq4

    vs2010-vs2012 大括号竖线,Indent Guide v14

    3. **兼容性**:Indent Guide v14支持多个Visual Studio版本,包括2010和2012,覆盖了当时广泛使用的开发场景。 4. **无侵入性**:该插件不影响Visual Studio的其他功能,且不会对代码执行或项目构建产生任何影响。...

    Qt菜单QMenu和菜单栏QMenuBar基本用法和自定义菜单用法总结.zip

    该代码总结了三种QMenu用法,有基本菜单用法,有两种自定义菜单,编译环境是Qt5.9.4+MinGW32+Creator4.5.0编译器,具体的原理讲解可以参考博主博客:...

    播放器按钮灰色简约

    这些按钮是用户与播放器交互的主要方式,它们的样式和功能直接影响到用户的操作体验。 首先,我们来探讨“简约”这一设计理念。简约设计是一种追求简洁、清晰的设计风格,它倾向于减少冗余元素,使界面更加易读和...

    自绘CListCtrl(实现格子网状,去掉竖线)

    CListCtrl的默认样式包括了行与列之间的分隔线,这在许多情况下是必要的,但在某些设计需求中,可能需要去掉这些竖线以获得更简洁、统一的视觉效果。自定义绘制(自绘)CListCtrl允许开发者对控件的显示进行精细控制...

    DKP200调竖线 DKP200调竖线

    DKP200调竖线

    24种粉色彩条竖线Photoshop填充素材下载

    在预设管理器对话框中,确保“类型”设置为“图案”,然后点击右下角的“载入”按钮,找到并选择你刚刚解压的PAT文件。 2. **预览和应用图案**:导入成功后,新图案会出现在预设管理器的列表中。你可以预览这些图案...

    周期竖线主图通达信指标公式源码.doc

    周期竖线主图通达信指标公式源码.doc

    CSS学习之类目之间竖线的练习实例

    这种方式与背景图类似,但也存在相同的问题,即最后一个类目需要特殊处理以隐藏多余的边框。 淘宝UED提出了一种巧妙的解决方案,它结合了边框和`overflow:hidden`属性。通过在父级元素(如`&lt;ul&gt;`)上设置`overflow:...

    Excel2LaTeX表格竖线截断问题解决

    LaTeX的表格处理一直是件让人头疼的事情,很多人推荐Excel2LaTeX,能够很快捷的将表格转换为代码,然而在使用过程中会发现竖线截断问题,非常不美观 经过一番痛苦的摸索,发现首先在Excel中,需要将所有的灰色虚线...

    电脑显示器有一条竖线应该怎么办?.docx

    在日常使用电脑时,经常会遇到电脑显示器上出现竖线的问题,这个问题会给用户带来很大的不便和困扰。那么,电脑显示器上出现竖线是怎么回事呢?今天我们就来分析一下这个问题,并给出相应的解决方案。 原因分析 ...

    vs{}间竖线对其线和主题

    标题“vs{}间竖线对其线和主题”指的是在VS中调整代码编辑器的显示样式,特别是涉及到代码缩进的竖线对齐以及代码主题的更换。这有助于提升代码的可读性和美观度,对于有完美主义倾向或注重代码整洁度的开发者来说...

    eclipse竖线生成插件

    "eclipse竖线生成插件",也被称为Indent Guide或atlanto-IndentGuide,是Eclipse中的一款实用插件,旨在帮助程序员更好地可视化代码缩进和对齐,提高代码阅读和编辑的效率。 Indent Guide插件的主要功能是在代码...

    解决Oracle图形化安装过程中出现的竖线问题

    在Oracle数据库的图形化安装过程中,用户可能会遇到一个常见的问题:屏幕显示异常,尤其是在文本输出时,出现乱码或者竖线。这个问题通常是由于系统缺少适当的Java运行环境(JRE)或者JRE版本不兼容导致的。Oracle的...

    Android 开发 Camera拍照出现竖线

    不过,当涉及到Camera拍照并进行JPEG硬件编码时,可能会遇到图片中出现竖线的问题。这类问题通常与系统的缓存(cache)机制有关。 首先,我们需要明白在Android系统中,JPEG图片的硬件编码过程是如何进行的。整个...

    PyQ5 Mtaplotlib Dataframe画一条随鼠标移动的竖线并标出坐标、标注

    本例代码使用了Python的PyQt5、matplotlib和Dataframe画图,并在图中添加了一条随鼠标移动的虚线,之后经过计算在画图的线上标注出了鼠标在当时x轴停留时的数据,本例只是一个简单的例子,自己可以根据功能修改

    2014年最近整理的,合并了多个敏感字符集的敏感字符列表,按照竖线分割的

    2014年最近整理的,合并了多个敏感字符集的敏感字符列表,按照竖线分割的

Global site tag (gtag.js) - Google Analytics