`
aksoft
  • 浏览: 45419 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

OL有序列表 IE 与 非IE 浏览器兼容问题解决

    博客分类:
  • Css
阅读更多
关键是
引用
让数字在内部显示
list-style:decimal inside;
如果不加,IE不会递增
display: list-item;

<style>
.iknow_list{ width:241px; height:160px; padding:0px; margin-top:5px; background:url(img/fk.jpg) no-repeat right bottom}
.iknow_list ol{ margin:0px; padding:0px; width:241px;}
.iknow_list ol li{ margin:0px; padding:0px;list-style:decimal inside;display: list-item; height:24px; line-height:24px;}
</style>
<div class="iknow_list">
<ol start="1" type="1"> 
    <li>第一名</li> 
    <li>第二名</li> 
    <li>第三名</li> 
    <li>第四名</li> 
    <li>第五名</li> 
    <li>第六名</li> 
    <li>第七名</li> 
</ol> 
</div>
分享到:
评论

相关推荐

    图片向上滚动效果(兼容ie6,ie7.ff)

    总的来说,"图片向上滚动效果(兼容ie6,ie7.ff)"是一个涉及到CSS布局、JavaScript动画以及浏览器兼容性处理的综合实践。实现这个效果需要对前端技术有深入的理解,并充分考虑用户的需求和体验。提供的压缩包文件很...

    关于IE6 双倍间距的真正原因

    在互联网的早期,Internet Explorer 6 (简称IE6) 是主导浏览器之一,但它存在许多兼容性和渲染问题,其中“双倍间距”问题尤为突出。这个问题主要出现在使用`&lt;p&gt;`、`&lt;h1&gt;`到`&lt;h6&gt;`等段落标签时,文字在IE6中显示的...

    html文件的基本结构 _html版本 _主要的浏览器 _链接a href _表格 _表单 _列表

    有序列表使用&lt;ol&gt;定义,列表项同样使用标记。列表通常用于罗列相关的信息,便于用户阅读和理解。 窗口划分指的是网页中可以通过使用iframe和frameset等元素,将浏览器窗口分割成不同的部分,每个部分可以加载不同的...

    IE7下在DD DT中插入a元素结果列表显示逐级向左

    鉴于HTML4.01规范和浏览器兼容性的复杂性,开发者在使用列表元素时,应当尽量避免在DT和DD元素中添加非列表元素,尤其是在使用旧版浏览器兼容模式时,应遵循标准规范以避免此类显示问题。同时,理解浏览器的解析和...

    HTML 语言教程(ie版)

    2. **HTML标签**: HTML标签用于定义网页的各个部分,例如`&lt;p&gt;`用于段落,`&lt;h1&gt;`到`&lt;h6&gt;`代表不同级别的标题,`&lt;a&gt;`创建超链接,`&lt;img&gt;`插入图片,`&lt;ul&gt;`和`&lt;ol&gt;`定义无序和有序列表,`&lt;div&gt;`用于布局等。 3. **属性...

    关于IE6下Li标签左边多出宽16pxBUG的问题

    在互联网早期,IE6浏览器是主流的网页浏览工具,但随着时间推移,它的诸多兼容性...随着IE6的逐渐淘汰,开发者现在更多地关注现代浏览器的兼容性,但了解这些问题的历史和解决方案仍然是提升网站跨浏览器兼容性的基础。

    CSS+DIV网页布局技巧(精髓)

    为了使网页看起来更加整洁,我们常常需要去掉无序列表(`&lt;ul&gt;`)和有序列表(`&lt;ol&gt;`)中的默认列表符号。 ##### 方法一:设置 `list-style-type` 为 `none` ```css ul li { list-style-type: none; } ``` 这种...

    html文档中的 ol 元素的序号数字极限探讨

    它允许网页作者通过各种标签来设计和布局网页内容。在HTML中,&lt;ol&gt;元素代表一个有序...在进行网页设计时,应该考虑到兼容性问题,特别是在需要展示大量列表项的场景下,建议通过分页、滚动加载等手段来优化用户体验。

    关于ol和ul的padding和margin默认值

    在网页设计中,`&lt;ol&gt;`(有序列表)和`&lt;ul&gt;`(无序列表)是常用的HTML元素,用于组织...总之,理解和掌握`padding`和`margin`在不同浏览器中的默认行为,以及如何通过CSS进行统一,对于创建跨浏览器兼容的网页至关重要。

    纯CSS实现兼容IE7及以上宽度自适应无限级导航菜单附演示

    在这个例子中,使用了`&lt;ol&gt;`和`&lt;li&gt;`元素来表示有序列表,作为导航菜单的基本框架。`&lt;a&gt;`元素则用于链接到各个页面。各级菜单都是通过`&lt;ul&gt;`嵌套在父级`&lt;li&gt;`中来实现的。这种结构清晰、易于理解,同时也方便CSS选择...

    2015年WEB前端开发笔试题.pdf

    8. 浏览器兼容性:常见的浏览器内核有Trident(IE)、Gecko(Firefox)、WebKit(Safari、Chrome)和Blink(Chrome、Opera)。测试浏览器包括IE、Firefox、Chrome、Safari、Edge等。兼容性问题通常源于各浏览器对新...

    导航栏代码[借鉴].pdf

    为了使导航条内容有序,我们使用有序列表`&lt;ol&gt;`(或在这个例子中使用无序列表`&lt;ul&gt;`)。每个列表项`&lt;li&gt;`代表一个导航链接。HTML代码如下: ```html &lt;li&gt;CSS 学习 学前准备 入门教程 提高教程 布局教程 ...

    html帮助文档

    早期版本的IE可能不支持HTML5的新特性,因此开发者在编写代码时需要考虑跨浏览器兼容性问题,可以使用条件注释或polyfill库来解决这些问题。 总结来说,这个“html帮助文档”是一个实用的学习工具,它涵盖了HTML的...

    CSS网站布局实录 (第二版)PDF版

    第7章 浏览器兼容与解析问题 7.1 CSS hack技术 7.1.1 如何使用CSS hack 7.1.2 常用CSS hack使用方法 7.1.3 CSS hack管理 7.2 IE条件注释功能 7.3 盒模型问题 7.3.1 盒模型hack 7.3.2 简单盒模型hack方法 7.4 IE捉...

    网页设计-220415174217.pdf

    - 有序列表`&lt;ol&gt;`:用于列举有序项目,每个项目使用`&lt;li&gt;`标签。 - 无序列表`&lt;ul&gt;`:用于列举无序项目,同样使用`&lt;li&gt;`标签。可以通过CSS去除默认的项目符号。 - 定义列表`&lt;dl&gt;`:用于定义术语,使用`&lt;dt&gt;`(定义...

    20个初学者实用的CSS技巧

    这些技巧涵盖了从解决浏览器兼容性问题到优化代码效率,以及实现各种视觉效果的各个方面。 描述中提到的“让初学者的你更快的实用和了解”,意味着这些技巧是实践导向的,旨在让初学者能够迅速将所学应用到实际项目...

    网页设计与制作(divcss)测试题.pdf

    3. **XHTML术语定义**:`&lt;dl&gt;`定义术语列表,`&lt;dt&gt;`定义术语,`&lt;dd&gt;`定义术语的描述,`&lt;ol&gt;`定义有序列表。 4. **新窗口打开链接**:使用`target="_blank"`属性可以使链接在新窗口中打开。 5. **标题标记**:`&lt;h1&gt;`...

    html+css基础知识.pdf

    3. IE6的3像素Bug:这是一个经典的浏览器兼容性问题,当一个浮动元素与非浮动元素相邻时,IE6会在两者之间显示3像素的空隙。解决方法是在浮动元素上添加`_margin-right:-3px;`,这里的下划线表示这是针对IE6的私有...

    HTML中Li标签的使用示例

    在HTML中,`&lt;li&gt;`(List Item)标签用于定义有序列表`&lt;ol&gt;`或无序列表`&lt;ul&gt;`中的每一项。在这个示例中,我们看到如何在`&lt;li&gt;`元素内创建一种布局,使得标题居左,日期居右。这种布局在不同浏览器之间可能有不同的...

    HTML全套学习资料

    4. **列表与表格**:理解无序列表、有序列表&lt;ol&gt;和定义列表的使用,以及嵌套列表的创建。对于表格,要熟悉tr(行)、td(数据单元格)和th(表头单元格)的用法。 5. **段落元素**:学习如何使用div和span来组织...

Global site tag (gtag.js) - Google Analytics