仿DW的图形菜单 DIV+CSS
作者：zishu 来源：zishu.cn 发布时间：2007-08-14 10:07:00
这是为了实现一个效果，而提前作的测试代码！看起来很简单的一个东西，到这会，大约四个小时过去了。不知道是IE6的BUG；还是我自已的BUG！有人问，你的CSS里边写的太麻烦了，呵呵， 你可以用简单的方法试一试；IE6，7，FIREFOX都走一次就知道了。
布局部分：
<div id="info">
<ul>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243936.gif" alt="A" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243944.gif" alt="B" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243363.gif" alt="C" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410243243.gif" alt="D" align="absmiddle" /></a></li>
<li><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244320.gif" alt="M" align="absmiddle" /></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244589.gif" alt="E" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244272.gif" alt="F" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244319.gif" alt="G" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244759.gif" alt="H" align="absmiddle" /></a></li>
<li><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244320.gif" alt="M" align="absmiddle" /></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410244331.gif" alt="I" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410245196.gif" alt="J" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410245666.gif" alt="K" align="absmiddle" /></a></li>
<li><a href="#" hidefocus="true"><img src="https://img.aspxhome.com/file/UploadPic/20078/14/200781410245364.gif" alt="L" align="absmiddle" /></a></li>
</ul>
</div>
加了hidefocus，是为了去掉点击链接时的虚线。
hidefocus="true"
CSS部分：
*{ margin:0; padding:0; list-style:none; border:none; line-height:1.8;}
#info{ background:#5F768B; padding:10px;}
#info ul{background:url(/file/UploadPic/20078/14/2007814102359117.gif) no-repeat left top; float:left; display:block;}
看一下效果吧！
说实话，直到写到这里，直到我再次修改这篇文章的时候，这个BUG我才终于处理完。但正常使用是不会有问题的！ 
样式的属性和一般标签属性之间的关系几乎是不可预知的！
0
投稿猜你喜欢
- 如下所示：RuntimeError: stack expects each tensor to be equal size, but got
问题描述：最近用jstree遇到一个问题，父节点选中时，被禁用的子节点也会选中如下解决方案：1、 将jstree升级到最新的版本，v3.3.- 描述int函数可以将一个指定进制的数字型字符串或者十进制数字转化为整形。语法int(object, base)名称说明备注object一个数
- 一、安装cuda1、在英伟达官网下载最新版的cuda驱动https://developer.nvidia.com/zh-cn/cuda-do
- 可用性研究表明，当响应时间超过一秒钟时，用户便能够有所察觉。虽然在反馈系统中，当用户需要等待时，更好的解决方案的是应该采用确定性的进度条。但
- 项目地址：https://github.com/cgDeepLearn/BilibiliCrawler 项目特点采取了一定的反反爬
- 经常会有人问我, PHP的数组, 如果用foreach来访问, 遍历的顺序是固定的么? 以什么顺序遍历呢? 比如: <?php $ar
- 前言python爬虫系列文章的第3篇介绍了网络请求库神器 Requests ，请求把数据返回来之后就要提取目标数据，不同的网站返回的内容通常
- 插入排序 插入排序是这样实现的： 首先新建一个空列表，用于保存已排序的有序数列（我们称之为"有序列表"）。
- Oracle Tips, Tricks & Scripts1. Topic: Compiling Invalid Objects:O
- 效果图：代码如下：<!DOCTYPE html><html lang="en"><head
- 1，前台引入所需的js 可以从官网上下载function getTab(){var url = contextPath+'/fund
- 上次 li 把 dl 模拟了~dl不知道要干什么了:green:~找了ol一起来做复合列表~:这个练习除了css外~外加用了点JS :shi
- 目录1.查询字符串数据（query string）：2. 提取请求体数据2.1 表单类型请求体数据(Form Data)2.2 非表单类型请
- 一。安装python1.到python官网下载安装包注意：班级同学们请到班级资料下载安装包，可以不用到网上下载。点击导航栏download-
- 刚刚看了bootstrap的导航栏，发现有点弄混了，现在来整理一下；导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航
- 1.实现效果2.实现代码# 导入所需库from tkinter import *import randomclass main:
- 在之前一篇文章中我介绍了通过定义Response宏的方式来实现动态改变模板文件路径以实现主题功能： laravel实现模板主题功能，但后来我
- 原理采用Python requests发起请求监测的URL，检测Http响应状态及是否超时，如果Http状态异常或响应超时，则通过聚合云推的
- 问题：输出新建的DataFrame对象时，DataFrame中各列的显示顺序和DataFrame定义中的顺序不一致。例如：import pa
