前言 laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器。laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活了，但是在一个基于angular+ocLazyLoad的项目中出了点问题。 发现问题 laydate.js是通过ocLazyLoad异步加载引入的，结果始终加载不出来laydate.css文件，看了下路径错误，于是扒开代码发现是这样写的：getPath:function(){var e=document.scripts,t=e[e.le...
在vue2.0中引入了mint-ui后总是报一个css的错误 但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？ 因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/src/目录下的css， 但是mint-ui是要冲node_modules目录去引入的，所以在webpack.config中css的配置中加入一项 {tes...
发现问题 最近在使用 Webpack 打包 css 文件时，发现了一个问题，发现打包后的 z-index 值跟源文件 z-index 不一致。 如下图，左侧是源文件，右侧是打包后的文件：即使加上 !important，经过 OptimizeCssAssetsPlugin 调用 cssProcessor cssnano 处理之后也是 z-index: 2。 因此，很可能是 cssnano 进行了重新计算（cssnano 称为 rebase），而且这种计算是不够准确的。因为打包后的文件有两处 z-index，这里是第二处，所以此处 z-i...
问题如图: 给大家看下正常的layDate年份选择图片: 一开始想到的，以为是自己没有将layer.css导入，或者layDate.css没有导入，出现的这个问题，结果发现只要导入layer.css，会自动导入layDate.css的，所以问题不在这里。然后通过火狐浏览器去查看样式，结果问题出在了BootStrap.css上* {box-sizing:border-box;}重置了浏览器的盒子模型。 在网上搜索了一会，发现很多博客的解决办法是这样的： 是加上以下样式:.laydate_box, .layda...
最近做项目，完成项目经理布置的任务，开始入门java web，但在开发过程中遇到过许许多多的问题，但是令我最头痛的还是导入外部css一直失效，困扰许久才找出原因。 路径问题css或者js导入失效最有可能的原因就是路径错误，这里我给出我的网站目录结构，大家可以参考下。导入css代码： <link rel="stylesheet" type="text/css" href="css/login.css">记得jsp头部需要设置相对路径：<%String path = request.getContextPath();Str...
最近的一个项目 前台使用了 bootstrap.css + angularjs， 后台只处理数据（用的php，处理结果直接 json_encode($arr)，非常爽）。一直在Chrome的仿真机测试非常完美， 没有进行真机测试。完成后，到手机测试时傻了，左右滑动页面时，竟然出现了一个 空白的竖条（如下图所示）。判断是margin-right 设置的长度所致，检查css，并没有相关代码。看来问题出现在了 bootstrap 。虽然不影响 程序的使用，但是感觉非常别扭，一定要修复它。...
bootstrap是广泛使用的一个前端框架，而jQuery.Gantt在目前也是一个很好用的用于绘制甘特图的插件。 这次在同时使用它们时，发现甘特图显示异常，如图 不加载bootstrap.css，甘特图就不会出问题，很容易就定位出现bootstrap的css冲突问题。 但是要实际定位到具体是哪个样式所导致的却花了一些功夫。 1、先看了甘特图里与bootstrap的重复样式，有一个.row，于是我把gantt插件的row全部修改成了ganttrow，发现没效果。 2、再是看了b...
众所周知做前端开发的都恨不得踹IE开发者几脚，IE开发者名声之差不低于GFW开发者，昧着良心搞坏市场，人人得而诛之，但是在中国这些地方市场占有率摆在那里，没办法只能向现实低头。 最近我们产品需要在浏览器里动态载入一段CSS，以前的代码是直接用的: 代码如下:var bubbleCss = document.createElement(style);bubbleCss.type = text/css;bubbleCss.innerHTML = blc_conf.bubbleStyle;document.getElementsByTagName(head)[0].ap...
当输入url地址后网页出现：Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "E:\wamp\www\cms\system/templates/index.html" on line 79 "$("#job").load("./system/templates/touch/test.php",{catid:3});" - Unexpected ":", expected one of: "}" , " "' in E:\wamp\www\cms\system\Smarty\sysplugins\smarty_internal_templatecompilerbase.php on line 441这样的问题，通...
最近在做css动画，遇到需要用脚本重新播放动画的情况。例如： css动画代码 代码如下:.seed_txt_out .seed_txt h2 { animation-name: seed-h2; animation-duration: 2s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: alternate; animation-play-state: running; position: relative; top: 10px; } @keyframes seed-h2 { from {top: -120px;} to {top: 10px;} } jq...
使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】，而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】，由于需要对颜色值进行判断处理，所以需要得到统一的颜色格式，最好是HEX格式的，方便处理点。搜索了一下，从国外的一个网站上得到一段代码： 代码如下:$.fn.getHexBackgroundColor = function() { var rgb = $(this).css(background-color); r...
Firefox实在太BT了, 总给我们加一些无聊的安全权限设置. 这几天在做Qzone的FF兼容发现. 设置了domain 后, FF下无法获取 styleSheets 的 cssRules 了. 虽然无法获取 cssRules ,但是我惊讶地发现,居然可以对 styleSheets 里的样式进行 insert和delete . 这是那门子权限呀,无聊了不是. 得给我 insert和delete 就够了. 利用这两个方法也可以对样式进行 update 操作. 为了让firefox兼容IE. 我修改了 CSSStyleSheet 的原型方法 代码如...
1，CSS文件路径不正确这个问题属于Web开发中的基础问题，一般采用相对路径会出现这样的问题，或者样式文件写在了母版页里面，在内容页与母版页不在同一级目录下时会出现这样的问题。此时你要清楚Web中相对路径的规则，如果你不清楚，可以采用绝对路径的写法试试就知道是不是路径的问题了。 2，CSS规则写法错误这个问题谁也帮不你，只能自己学习CSS的相关知识了。 3，文件编码问题有时候，CSS样式放在aspx文件里有效，而放在独立的文...
作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。这时里面只有一句话： XML/HTML Code复制内容到剪贴板body { background-color: #ddd; } 然后再我的html文件里面去引入这个外部css： XML/HTML Code复制内容到剪贴板<link rel="stylesheet" type="text/css" href="css/style.css"> 在浏览器一刷新。。哇，kao。竟然没反应...
xhtml css页面制作过程中问题的解决方案，说是解决方案应该有点过了，充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议，如果讲得不对的地方请多多包涵，当然也可以提出你们更好的方法，大家相互学习交流，共同成长！无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里。比如在IE6中“多了...