• 关于

    html5shiv

    的搜索结果

回答

cdn.bootcss.com/html5shiv/r29/html5.min.js-http://cdn.bootcss.com/html5shiv/r29/html5.min.js;试试看。

杨冬芳 2019-12-02 02:33:21 0 浏览量 回答数 0

问题

怎样让bootstrap兼容ie浏览器,引用html5shiv.min.js无效:报错

kun坤 2020-06-14 06:42:27 0 浏览量 回答数 1

问题

怎样让bootstrap兼容ie浏览器,引用html5shiv.min.js无效 - 前端报错

montos 2020-06-02 12:41:04 0 浏览量 回答数 1

阿里云试用中心,为您提供0门槛上云实践机会!

0元试用32+款产品,最高免费12个月!拨打95187-1,咨询专业上云建议!

回答

你贴的代码是提示用户禁用了脚本的,我猜你本意是要贴提示升级浏览器的?html5shiv可以下载下来放到自己的服务器上,然后CSS里把几个新的标签display:block就行了。(当然如果已这种方式来兼容ie8,是要考虑如果用户禁用了脚本的情况。)

a123456678 2019-12-02 02:25:56 0 浏览量 回答数 0

问题

页面中hack一个cdn的html5.js不能使用,但是放到项目中就可以用?

杨冬芳 2019-12-01 19:41:47 1521 浏览量 回答数 1

回答

方式一:Coding JavaScript <!--[if lt IE 9]> <script> (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', '); var i= e.length; while (i--){ document.createElement(e[i]) } })() </script> <![endif]--> 如果是IE9以下的IE浏览器将创建HTML5标签, 这样非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。 第二种方法:使用Google的html5shiv包(推荐) <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局 /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} 但是如果ie6/7/8 禁用脚本的用户,那么就变成了无样式的"白板"网页,我们该怎么解决呢? 我们可以参照facebook的做法,即引导用户进入带有noscript标识的 “/?_fb_noscript=1”页面,用 html4 标签替换 html5 标签,这要比为了保持兼容性而写大量 hack 的做法更轻便一些。 <!--[if lte IE 8]> <noscript> <style>.html5-wrappers{display:none!important;}</style> <div class="ie-noscript-warning">您的浏览器禁用了脚本,请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>. </div> </noscript> <![endif]--> 这样可以引导用户开启脚本,或者直接跳转到HTML4标签设计的界面。

a123456678 2019-12-02 02:21:18 0 浏览量 回答数 0

回答

我用我机器上现有的 ie 浏览器运行带有 bootstrap模版的 html 代码, 没问题。你如何知道"引用html5shiv.min.js无效"? ###### Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的。参看: bootstrap兼容哪些浏览器?

kun坤 2020-06-14 06:42:34 0 浏览量 回答数 0

回答

我用我机器上现有的 ie 浏览器运行带有 bootstrap模版的 html 代码, 没问题。你如何知道"引用html5shiv.min.js无效"? ###### Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的。参看: bootstrap兼容哪些浏览器?

montos 2020-06-02 12:41:12 0 浏览量 回答数 0

问题

解决IE8不支持html5标签最好解决办法?

a123456678 2019-12-01 19:32:40 948 浏览量 回答数 1

问题

jquery getJSON 为何无法将get到的JSON赋值?

小旋风柴进 2019-12-01 19:33:23 943 浏览量 回答数 1

问题

beego 模板不在同一级引用不到?报错

爱吃鱼的程序员 2020-06-08 19:41:02 0 浏览量 回答数 1

问题

关于jquery以及bootstrap合并使用ajax兼容性问题

吴孟桥 2019-12-01 19:36:25 1431 浏览量 回答数 1

回答

新特性: HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签(header,nav,footer,aside,article,section) 3. 音频、视频API(audio,video) 4. 画布(Canvas) API 5. 地理(Geolocation) API 6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; 7. sessionStorage 的数据在浏览器关闭后自动删除 8. 表单控件,calendar、date、time、email、url、search 9. 新的技术webworker, websocket, Geolocation 移除的元素: 1. 纯表现的元素:basefont,big,center,font, s,strike,tt,u; 2. 对可用性产生负面影响的元素:frame,frameset,noframes; 支持HTML5新标签: 1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签,浏览器支持新标签后,还需要添加标签默认的样式(当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架): 如何区分: DOCTYPE声明新增的结构元素、功能元素

小柯卡力多 2019-12-02 03:21:59 0 浏览量 回答数 0

回答

在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效######我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持######的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 

kun坤 2020-05-31 22:32:31 0 浏览量 回答数 0

回答

在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效###### 我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持###### 的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 

montos 2020-06-02 18:52:16 0 浏览量 回答数 0

回答

在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效###### 我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持###### 的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 

kun坤 2020-06-14 06:49:59 0 浏览量 回答数 0

回答

" 在 <head> </head> 元素中添加: li{     display:inline-block; } ######bootstrap里面是用list-inline类来设置li水平排列的没错啊,但是我设置无效###### 我没有下载安装 bootstrap,只是用其模板,测试了一下,没问题。 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意: 如果通过 file:// 引入 Respond.js 文件,则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container" style="background-color:darkseagreen;"> <!-- list-unstyled:去掉原有的格式 --> <ul class="list-unstyled"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> <!-- 无序列表纵向变横向 --> <ul class="list-unstyled list-inline"> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> <li><img src="http://static.open-open.com/news/uploadImg/20160727/20160727083501_753.jpg" width="100px"</li> </ul> </div> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="js/bootstrap.min.js"></script> </body> </html> ######我用的是bootstrap4,可能是4不支持###### 的确如此。如果用的是bootstrap4,就无效果。 不过,对于这种场合,可以将希望要水平排列的这一组按钮的类名更改一下。比如, 将 <ul class="list-unstyled list-inline">改成: <ul class="x">, 然后,在<head></head>标签(元素)中,添加: <style> .x li{     display:inline-block; } </style> 即可奏效。 "

montos 2020-05-31 13:07:48 0 浏览量 回答数 0

问题

ie7兼容性问题,ul宽度固定后,多余li换行排列不整齐

a123456678 2019-12-01 19:30:04 982 浏览量 回答数 1

问题

ie7兼容性问题,ul宽度固定后,多余li换行排列不整齐

杨冬芳 2019-12-01 19:41:15 941 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 企业建站模板