`
lichengyezi
  • 浏览: 205743 次
  • 性别: Icon_minigender_1
  • 来自: 齐齐哈尔
文章分类
社区版块
存档分类
最新评论

ie6<li> 中兼容<img>的问题

 
阅读更多

在<img>中加入如下样式

style=" margin:0; padding:0; border:0;  _vertical-align:middle; _position:relative; _display:block; _margin-top:-15px; _float:right;"

分享到:
评论

相关推荐

    IE浏览器下的图片空隙间距BUG和解决办法.pdf

    尽管我们设置了li和img的margin和padding为0,但在IE浏览器下,图片之间仍会有间距,这是因为每个`&lt;li&gt;`元素下的`&lt;img&gt;`标签之间存在一个隐形的空格。 解决这个问题的方法有很多种,以下是几种常见的解决方案: 1....

    解读html5关于html5的应用与认识

    - **闭合标签**:空标签如`&lt;br&gt;`、`&lt;img&gt;`和`&lt;input&gt;`无需闭合。 - **废弃标签**:HTML5不再支持`&lt;acronym&gt;`、`&lt;applet&gt;`、`&lt;basefont&gt;`等标签。 #### 示例代码 以下是一个简单的HTML5页面示例,展示了如何使用...

    jQuery焦点图效果,兼容火狐、IE6及以上

    &lt;li&gt;&lt;img src="image1.jpg" alt="图片1"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="image2.jpg" alt="图片2"&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="image3.jpg" alt="图片3"&gt;&lt;/li&gt; &lt;!-- 更多图片... --&gt; &lt;/ul&gt; &lt;ul class="nav"&gt; &lt;li&gt;&lt;a href="#"&gt;1...

    【JavaScript源代码】JavaScript实现换肤效果(换背景).docx

    &lt;li&gt;&lt;img src="images/壁纸1.jpg" alt=""&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="images/壁纸2.jpg" alt=""&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="images/壁纸3.jpg" alt=""&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="images/壁纸4.jpg" alt=""&gt;&lt;/li&gt; &lt;/ul&gt; ``` #####...

    学校介绍静态HTML网页设计作品 DIV布局学校官网模板代码 DW大学网站制作成品下载 HTML5期末大作业

    &lt;li&gt;&lt;a href="#"&gt;课程介绍&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;新闻动态&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;联系我们&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;section&gt; &lt;h1&gt;欢迎来到我们的学校&lt;/h1&gt; &lt;p&gt;这里是我们学校的...

    基于web在线餐饮网站的设计与实现——仿Coco线上订奶茶饮料6个页面(HTML+CSS+JavaScript)

    &lt;li&gt;&lt;a href="#contact"&gt;联系我们&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;section id="home"&gt; &lt;h2&gt;我们的故事&lt;/h2&gt; &lt;p&gt;这里简要介绍我们的品牌历史。&lt;/p&gt; &lt;/section&gt; &lt;section id="menu"&gt; &lt;h2&gt;今日...

    HTML语法字典HTML语法字典

    &lt;li&gt;列表项2&lt;/li&gt; ... &lt;/dir&gt; ``` ##### 22. 定义列表 `&lt;dl&gt;` - **作用**:定义列表标签。 - **示例**: ```html &lt;dl&gt; &lt;dt&gt;苹果&lt;/dt&gt; &lt;dd&gt;一种常见的水果。&lt;/dd&gt; ... &lt;/dl&gt; ``` ##### 23. 定义列表项 `...

    HTML5期末考核大作业 粉色三八妇女节主题活动html模板 web传统节日网页设现.md

    &lt;li&gt;&lt;a href="#"&gt;习俗庆祝&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;地区特色&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;!-- 主体内容 --&gt; &lt;main&gt; &lt;section&gt; &lt;h1&gt;三八妇女节庆祝活动&lt;/h1&gt; &lt;p&gt;介绍三八妇女节的历史和庆祝活动。...

    HTML考试题

    2. **HTML元素**: HTML由各种元素组成,如`&lt;p&gt;`用于段落,`&lt;h1&gt;`至`&lt;h6&gt;`用于标题,`&lt;a&gt;`用于超链接,`&lt;img&gt;`用于图片,`&lt;ul&gt;`和`&lt;li&gt;`用于无序列表,`&lt;ol&gt;`和`&lt;li&gt;`用于有序列表,`&lt;div&gt;`用于内容分组,`&lt;table&gt;`...

    前端开发面试题.pdf

    - 块级元素(Block Elements):如`&lt;div&gt;`、`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;li&gt;`、`&lt;dl&gt;`、`&lt;dt&gt;`、`&lt;dd&gt;`、`&lt;h1&gt;`到`&lt;h6&gt;`和`&lt;p&gt;`,它们占据整个宽度并新起一行。 - 空元素(Void Elements):如`&lt;br&gt;`、`&lt;hr&gt;`、`&lt;img&gt;`、`...

    网页设计期末复习网页设计和开发.doc

    - 接着,放入导航内容,如`&lt;ul&gt;&lt;li&gt;CSS学习&lt;/li&gt;&lt;li&gt;学前准备&lt;/li&gt;...&lt;li&gt;精彩应用&lt;/li&gt;&lt;/ul&gt;`,使用`&lt;ul&gt;`创建无序列表,`&lt;li&gt;`定义每个列表项。 - 使用 CSS 样式设置菜单项的布局,如`#nav ul li {float: left;}`...

    HTML+CSS美食静态网页设计——简单牛排美食餐饮(9个页面)公司网站模板企业网站实现

    &lt;li&gt;&lt;a href="#contact"&gt;联系我们&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;!-- 主体内容 --&gt; &lt;main&gt; &lt;section id="home"&gt; &lt;h1&gt;欢迎光临我们的美食网站&lt;/h1&gt; &lt;p&gt;探索各式各样的美味佳肴。&lt;/p&gt; &lt;/section&gt; ...

    web课程设计网页规划与设计 HTML+CSS+JavaScript仿英雄联盟LOL首页(1个页面d

    &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;新闻&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;英雄&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;赛事&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;!-- 主体内容 --&gt; &lt;main&gt; &lt;section&gt; &lt;h1&gt;欢迎...

    html大全,有你想要的东西

    排版方面,`&lt;p&gt;`用于创建段落,`&lt;br&gt;`插入换行,`&lt;blockquote&gt;`用于引述大段内容,`&lt;ol&gt;`和`&lt;ul&gt;`创建有序和无序列表,`&lt;li&gt;`定义列表项。`&lt;div&gt;`是一个通用的布局容器,可以配合`align`属性进行内容的对齐。 图像...

    html帮助文档

    `&lt;h1&gt;`到`&lt;h6&gt;`定义了不同级别的标题,`&lt;p&gt;`用于段落,`&lt;a&gt;`创建链接,`&lt;img&gt;`插入图像,`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表,`&lt;li&gt;`定义列表项,`&lt;div&gt;`作为内容分组,而`&lt;span&gt;`用于行内元素的样式或脚本操作。...

    html标签按字母排序

    - `&lt;li&gt;`:定义列表项。 - `&lt;ol&gt;`:创建有序列表。 - `&lt;p&gt;`:定义段落。 - `&lt;script&gt;`:包含JavaScript代码,用于增加交互性和动态功能。 - `&lt;table&gt;`:创建表格。 - `&lt;td&gt;`:定义表格单元格。 - `&lt;tr&gt;`:定义表格行...

    网页文件HTML

    10. **Web标准与兼容性**:遵循W3C制定的Web标准,确保HTML代码的正确性,同时要考虑不同浏览器的兼容性问题,如IE浏览器对某些HTML5特性的支持情况。 掌握HTML是网页开发的基础,通过不断学习和实践,可以创建出...

    什么是 HTML?1

    例如,`&lt;a&gt;` 标签用于创建超链接,`&lt;img&gt;` 标签用于插入图像,`&lt;ul&gt;` 和 `&lt;li&gt;` 用于创建无序列表,`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;` 用于创建表格等。这些标签帮助构建了网页的基本结构和功能。 在浏览器方面,不同的...

    HTML学生个人网站作业设计:HTML做一个公司官网首页页面(纯html代码)

    &lt;li&gt;&lt;a href="#"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;产品服务&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;联系我们&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;section id="banner"&gt; &lt;img src="images/banner.jpg" alt=...

    web前端面试题

    - **块级元素**: `&lt;div&gt;`, `&lt;ul&gt;`, `&lt;ol&gt;`, `&lt;li&gt;`, `&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;`, `&lt;h1&gt;`, `&lt;h2&gt;`, … `&lt;h6&gt;`, `&lt;p&gt;` - **空元素**: `&lt;br&gt;`, `&lt;hr&gt;`, `&lt;img&gt;`, `&lt;input&gt;`, `&lt;link&gt;`, `&lt;meta&gt;` **4. 页面导入样式时,`...

Global site tag (gtag.js) - Google Analytics