layer.css 样式跟原来的有冲突怎么办

html-css013

layer.css 样式跟原来的有冲突怎么办,第1张

1、找到你新加入的冲突样式,修改成新的不重复的命名

2、如果是全局定义的部分冲突,就需对这部分进行全局定义重写

3、写到html中,<div style=" color:red">这样,但这个只针对样式很少的情况用,样式很长不推荐

layer.open({content: ''}),

layer.msg('', {time: 3}),

其中的content和time即是基础参数,以键值形式存在,基础参数可合理应用于任何层类型中,您不需要所有都去配置,大多数都是可选的。而其中的

layer.open、

layer.msg、

就是内置方法。但我们通常还会在别的js文件中扩展一些层,

比如layer.prompt()即是我们的扩展方法,扩展的js文件默认不会加载,通常需进行layer.config({extend: 'extend/layer.ext.js'})后才可使用,而关于其中的extend下面也有讲解。

1、打开前端开发工具,新建一个html代码页面。

2、找打页面上的<title>标签,在这个标签后面使用link链接一个外部样式layer.css文件。

3、在链接的layer.css文件后面插入外部的jquery.js、layer.js这两个外部文件。

4、创建弹出框。创建一个新的<script>标签,然后在这个标签里面使用layer.open()创建弹出框功能。

5、查看弹出框效果。保存html代码文件后使用浏览器打开,这个时候看到弹出框已经功能已经实现。

6、修改弹出框大小。在layer.opren()方法里面使用area:[]设置弹出框的宽/高。

7、保存html代码后重新刷新浏览器页面,即可看到弹出框的大小已被修改。