intro.js在IE8上布局错乱问题

最新推荐文章于 2024-03-04 16:58:37 发布
最新推荐文章于 2024-03-04 16:58:37 发布
阅读量713 收藏
点赞数
分类专栏： intro 文章标签： ie 8 intro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ying_zcx/article/details/59522032
版权

最近在使用intro插件，发现其在IE8上出现了布局错乱的问题，解决方案如下：

找到introjs.css文件中的样式introjs-fixParent ，去掉position: absolute !important;即可

ying_zcx
关注
专栏目录
HTML5前端期末大作业 HTML+CSS+JavaScript防锤子手机商城官网 web前端网页设计实例 企业网站制作
专注于dreamweaver网页设计制作
08-20 1763
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web...
大一新生HTML期末作业 个人旅游图片博客HTML5 用DIV+CSS技术设计的个人网站（web前端网页制作课作业）
VX_WJ88950106的博客
08-16 147
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......
使用introJs做功能指引，问题思考
fred8的博客
09-13 286
使用introJs做功能指引，问题思考
JQuery intro.js 网页引导插件 关于在百度浏览器上无法使用键盘切换下一个步骤的问题解决
你好邱林和的专栏
05-21 857
     网页中基本都有很多的网页引导动画,找了一些jquery的插件,最终选择了intro.js,官网在这里:intro.js官网发现这个插件集成简单,配置也很方便,但发现v9.0的版本中,百度浏览器无法使用键盘进行切换下一步,经过debug发现,是因为百度浏览器的点击事件中,没有code这个属性,如下截图:     所以出错的是第305行中的e.code===null这个判断是错误的,e.co...
Intro.js使用教程
最新发布
永远热爱前端
03-04 1477
intro.js新手引导插件使用教程
vue + introjs 做新手引导 爬坑
sunny_lss的博客
04-22 7728
introjs 在github上下载了一堆案例很丰富强大也很多坑它有一个多页模式的引导 但是在同一个页面的引导必须保证你需要的元素都生成完了再启动这个指导 好吧坑深的爬不起来了只能自己写了当然在同一个页面所有元素都生成了用这个还是很方便的值得一提的是它的点击跳过点击背景点击结束引导都会调用同一个回调函数onexit() 而且没有返回当前是哪个元素点击的所...
introjs更新dom element｜或者说获取新的dom元素（已解决）
恰排骨芸豆包嘛的博客
01-12 637
问题：使用introjs制作新手引导页时，对于新生成的元素如何使已开启的intro引导页获取？
使用HTML制作静态宠物网站——蓝色版爱宠之家(HTML+CSS)
wx___BJ050106的博客
08-11 192
🐕 宠物网页设计 、🐼保护动物网页、🐋鲸鱼海豚主题、🐘保护大象、等网站的设计与制作。🏷️HTML宠物网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的......
Html/JS的应用（1）元素位置控制
InterspaceITX的博客
05-25 1151
使用JS实现网页上用方向键控制元素的位置 用JavaScript的事件监听部分时，自己试着编写了一个小玩意出来。 把这些代码直接复制进就能使用了。 在Js中，改变元素位置需要用 元素名.style.top 竖坐标 px 像素 元素名.style.left 横坐标document.getElementById('');通过id获取 左上右下四个键分别是37，38，39，40 以下为代码↓ <!DOCTYPE html> <html> <head> &...
JavaScript页面刷新与弹出窗口问题解决方法
【昆山人在上海】
04-11 1084
1.无提示刷新网页  大家有没有发现，有些网页，刷新的时候，会弹出一个提示窗口，点“确定”才会刷新。  而有的页面不会提示，不弹出提示窗口，直接就刷新了.  如果页面没有form，则不会弹出提示窗口。如果页面有form表单，  a) 会弹出提示窗口  b) 不会弹出  2.javascript刷新页面的方法  window.location.reload();  使用window.open()弹出
uniapp使用intro.js做指引
weixin_41521961的博客
06-17 1031
1. 下载包intro.js npm iintro.js -s 2.新建一个intro.js文件配置intro, 代码如下： importintroJsfrom'intro.js' import'intro.js/introjs.css' constintro=introJs() //更多配置参数请到官方文档查看 intro.setOptions({ nextLabel:'下一步',//下一个按钮文字 prevLabel:'上一步',//...
intro.js 官方示例及其说明
baiguodong的专栏
01-16 2901
Basic usage Download Github @usablica Intro.js
网站引导页插件intro.js 的用法
dada678的专栏
12-15 3826
intro.js是一个用于制作网页引导效果的js插件，用法很简单，intro.js.v2.0.rar 1.在需要的页面添加引用 　　intro.js 　　introjs.css 这两个文件已经足够，但是文件夹themes中是不同的样式，如果需要也可以引入喜欢的样式 文件夹example中是demo，大家也可以照葫芦画瓢 2.参数说明 this._opt
Intro.js 分步向导插件使用方法
hellogril前端库
11-17 1224
简介 为您的网站和项目提供一步一步的、更好的介绍 Intro.js 目前兼容 Firefox、Chrome 和 IE8，不兼容 IE6 和 IE7，后续版本将会提供更好的兼容。 在线演示及下载 在线演示 下载页面 使用方法 引入文件 &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;css/introjs.css&quot;&amp;gt; &amp;lt;script src=
Intro.js使用方法
baiguodong的专栏
01-16 5817
Intro.js Better introductions for websites and features with a step-by-step guide for your projects. How to use Intro.js can be added to your site in three simple steps: 1) Include i
在react中使用intro.js的的一些经验
am50506的博客
03-08 834
　　react逐渐热了起来，但是新的东西毕竟前辈的经验少一些，前段时间自己在react中用到intro.js时，得到的资料甚少，摸索后便将一些心得记录下来了~ 1 intro.js的引入，这一点请看上一篇博文关于如何在react中引入文件 2 在需要的页面引入文件后， 可以给intro.js的出发点绑定函数 showIntrojs(){ introJs().start...
新手引导插件intro.js的使用示例
vcxiaohan的博客
03-15 8162
intro * {margin: 0; padding: 0;} .f {margin: 30px 50px; background: red;} .b {display: inline-block;} qqqqqqqqqqqqqqqqqq 这是第1个引导 '>这是第2个引导 使用html元素丰富介绍
intro.js官方示例改变
baiguodong的专栏
01-16 4838
Basic usage $(function(){ $("#buttonShow").click(function(e){ introJs().setOptions({ //对应的按钮 prevLabel:"上一步",
JS控制表格某行隐藏或显示后页面布局错乱
feifei839535570的专栏
01-17 2992
浏览器IE8下显示情况： 浏览器Google Chrome下显示错乱，如下图： JS控制表格中隐藏内容代码： function disPlay(){ var row = document.getElementById("row1"); var option = document.getElementById("baseType").value; if(optio
angular intro.js 使用
05-25
Angular Intro.js 是一个 AngularJS 模块，用于集成 Intro.js 库，以提供网站或应用程序的新手引导和演示。下面是使用步骤： 1. 安装 Angular Intro.js：通过 npm 安装 Angular Intro.js 模块。 ``` npm install angular-intro.js --save ``` 2. 引入 Intro.js 库：在项目中引入 Intro.js 库，可以通过 npm 安装或直接使用 CDN 引入。 ``` <script src="https://cdnjs.cloudflare.com/ajax/libs/intro.js/2.9.3/intro.min.js"></script> ``` 3. 引入 Angular Intro.js 模块：在 AngularJS 应用程序中引入 Angular Intro.js 模块。 ``` angular.module('myApp', ['angular-intro']); ``` 4. 在 HTML 中使用：在 HTML 中使用指令来添加新手引导和演示。 ``` <div introjs intro-options="options"> <p>这是一个新手引导示例</p> <button ng-click="showStep2()">下一步</button> </div> ``` 上面的代码中，`introjs` 指令告诉 Angular Intro.js 应该在这个元素上启用引导，`intro-options` 属性包含 Intro.js 配置选项，`showStep2()` 是一个 AngularJS 控制器中的函数，用于显示下一个步骤。 5. 在控制器中配置选项和方法：在 AngularJS 控制器中配置 Intro.js 选项和方法。 ``` angular.module('myApp').controller('myCtrl', function($scope) { $scope.options = { steps: [ { element: document.querySelector('#step1'), intro: '这是第一步' }, { element: document.querySelector('#step2'), intro: '这是第二步' } ] }; $scope.showStep2 = function() { introJs().goToStep(2).start(); }; }); ``` 上面的代码中，`steps` 选项包含 Intro.js 步骤对象，每个步骤是一个包含 `element` 和 `intro` 属性的对象。`showStep2()` 函数使用 Intro.js 方法来显示第二步。 以上是 Angular Intro.js 的简单使用方法，可以根据需要进行配置和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值