ul菜单 IE与firefox的区别

最新推荐文章于 2021-04-08 01:59:54 发布

转载最新推荐文章于 2021-04-08 01:59:54 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangfp/archive/2011/06/27/2091713.html

本文介绍了解决在不同浏览器中ul元素默认存在40px间距的问题，通过使用CSS属性如float:left; 和list-style-type:none; 实现了菜单项的水平布局，并详细解释了在IE和Firefox浏览器下该间距的具体表现差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ul前面默认有40px

用

float:left;

list-type:none;

做横向菜单时，要去掉前面的40px

IE中，40PX算在margin里

Firefox则算在padding里

转载于:https://www.cnblogs.com/zhangfp/archive/2011/06/27/2091713.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30348519

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

简单详细的CSS做菜单教程支持IE6 IE7 IE8 Firefox

kunzhicheng的专栏

04-19

397

一直在想用css怎么做下拉菜单，之前看到的下拉菜单都是用js做的，可是又不懂js，今天终于用css研究出来了，大家指教指教。下面的代码直接考了就行。纯CSS的下拉菜单支持IE6 IE7 IE8 Firefox*{margin:0;padding:0;} .menu{font-size:12px;position:relative;z-index:100;} .menu ul{list-

支持IE6 IE7 Firefox 的纯CSS的下拉菜单

10-30

但是，我们今天要讨论的下拉菜单，是完全使用CSS实现的，不依赖JavaScript，并且兼容IE6、IE7和Firefox。首先，我们来理解CSS下拉菜单的工作原理。在纯CSS下拉菜单中，链接的显示与隐藏主要通过CSS中的伪类`:hover...

参与评论您还未登录，请先登录后发表或查看评论

IE与Firefox对javascript兼容性问题

pigisyou147的专栏

06-28

1055

今天在做菜单的时候遇到菜单显示关闭的问题，开发时候是用firefox，级联菜单在firefox中加载后，通过改变ul中style中的display属性来控制菜单的收缩 if($ul.attr("style")=="display: none;"){ // alert("关闭状态--打开"); $("#"+id).find("div").eq(grade-1).attr("class

纯CSS的下拉菜单支持IE6 IE7 Firefox

anjichan4261的博客

11-30

100

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" c /&...

关于下拉菜单FIREFOX中和IE中的区别

ZOLO 的专栏

10-12

700

关于下拉菜单FIREFOX中和IE中的区别<!--* {margin:0;padding:0;border:0;}body { font-family: arial, 宋体, serif; font-size:12px;}#nav { height: 50px; list-style-type: none; padding

php侧拉菜单栏,php可向右或向左展开侧拉菜单支持IE/火狐

weixin_32247455的博客

04-08

213

/uploads/allimg/091015/2353234b1-0.jpgIE8必须增加子菜单，隐藏CSS文件UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}LI {PADDING-RIGHT: 0px; PAD...

纯CSS的下拉菜单支持IE6 IE7 Firefox,学习用

alian_1126的专栏

01-18

721

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /

Javascript与CSS在IE和Firefox中的误区及区别

gundumw100的专栏

12-17

[color=red]0.在firefox中不兼容window.location.href('')的解决办法 location.href('http://www.baidu.com'); 以上写法在IE里支持，Firefox里不支持，但如果改成 window.location.href ＝ 'http://www.baidu.com'; 则在两种浏览器中都支持了。[/co...

让CSS兼容IE和Firefox的技巧集合

10-12

2725

让CSS兼容IE和Firefox的技巧集合　　CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且D

利用JQuery实现网页左侧树形菜单(IE6 IE7 Firefox测试通过)

chuzhenbin的专栏

03-21

1985

本次实验项目结构图: 1. 定义保存菜单数据的表结构 CREATE TABLE `tb_com_menu_info` ( `MENU_ID` varchar(8) NOT NULL, `MENU_NAME` varchar(30) DEFAULT NULL, `MENU_LINK` varchar(100) DEFAULT NULL, `MLEVEL` int(1

纯CSS制作支持IE6、IE7、Firefox的下拉菜单特效代码

03-20

今天我们将深入探讨一个常见的网页元素——下拉菜单，并学习如何使用纯CSS来创建一个兼容IE6、IE7和Firefox的下拉菜单特效代码。首先，让我们了解下拉菜单的基本原理。下拉菜单是一种导航元素，它允许用户在一个...

多浏览器下IE6 IE7 firefox li 间距问题第1/2页

10-30

### 多浏览器兼容性问题：IE6、IE7与Firefox下的`<li>`元素间距差异 #### 背景介绍在Web开发过程中，我们经常会遇到不同浏览器对相同CSS样式的解析存在差异的情况，这种现象被称为浏览器兼容性问题。本文将针对在...

兼容IE6/7与Firefox的纯CSS下拉菜单实现

这样的下拉菜单在IE6、IE7以及Firefox这样的主流浏览器中能够正常工作。下面详细解析此技术的核心要点。 ### 知识点解析： #### 1. 基础CSS知识为了构建一个纯CSS的下拉菜单，首先需要了解和掌握基础CSS知识，...

rocksdbjni-9.9.3.jar中文文档.zip

07-31

1、压缩文件中包含：中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法：解压最外层zip，再解压其中的zip包，双击【index.html】文件，即可用浏览器打开、进行查看。 3、特殊说明：（1）本文档为人性化翻译，精心制作，请放心使用；（2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解等；（3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码等。 4、温馨提示：（1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）；（2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。

ceremony_pre

07-31

ceremony_pre

langchain4j-community-qianfan-spring-boot-starter-1.0.0-alpha1.jar中文文档.zip

07-31

基于深度学习U-Net架构的视网膜血管高精度分割研究：眼底图像分析与诊断应用

07-31

内容概要：本文探讨了基于深度学习U-Net架构的视网膜血管分割（RBVS）方法，旨在解决传统图像处理技术难以应对的视网膜血管复杂性和多样性问题。文中详细介绍了U-Net架构的特点及其在视网膜血管分割中的应用，包括数据集准备、模型构建、训练与优化以及基准测试。实验结果显示，该方法在血管分割精度、完整性和鲁棒性方面均超越现有最佳方法，能够准确分离并保留血管结构信息。适合人群：从事医学图像处理、深度学习研究的专业人士，尤其是关注眼科疾病诊断的研究人员和技术开发者。使用场景及目标：① 提升视网膜血管分割的精度和完整性，为眼科疾病的早期发现和精准诊断提供支持；② 探索深度学习在医学图像处理中的潜力，推动相关技术的发展。其他说明：尽管该方法已取得显著进展，但未来仍需进一步优化模型结构，提升泛化能力和处理复杂病变的能力，同时探索与其他医学图像处理技术的结合。

05bae2a93b636c13aa913cfabf107fc8_wm

07-31

05bae2a93b636c13aa913cfabf107fc8_wm

基于WebSocket与SSH技术实现服务器日志实时推送的SpringBoot项目_支持免密登录与多线程管理的日志监控系统_用于开发人员在Web页面实时查看服务器日志输出_包含JS.zip