css3相关内容

HTML表的隐藏列也在导出

我有一个HTML表格,我有一个下拉列表,也是为了让用户可以看到他想要看到的任何行我有一个导出按钮。当用户点击导出按钮时,我将数据导出到Excel。 导出时我没有导出隐藏行,同时应用CSS属性显示:none 我在那里向所有隐藏的行添加一个类,并在导出时删除它们。但是当我导出数据时,额外的两列正在导出,我不知道为什么。 $(“#save “)。on(”click“,function(){ ..
发布时间:2019-05-25 15:48:49 前端开发

CSS转换:来自Javascript的translateY

如何使用javascript中的样式对象访问和更改 transform:translateY(0px); ,类似于 div.style .background = 50px 我正在努力使我的网页上的标题消失,因为用户向下滚动但是 div.style.tranform 或 div.style.translate 看不到工作 解决方案 您可以将任何转换属性作为字符串传递。 如何? ..
发布时间:2019-05-24 21:26:52 前端开发

使用纯JS动画最大高度?

我想为div的高度设置动画。这通常通过动画 max-height 属性在CSS中完成。 但是我需要在JS中执行此操作。 div中填充了频繁更改的动态内容,因此事先不知道实际高度。 这是一个jsfiddle: ..
发布时间:2019-05-24 20:31:31 前端开发

Microsoft Fluent Design for Web(CSS框架)

微软最近发布了一个名为“Fluent Design”的设计系统,将其应用于网页设计是否合适? 我的大部分搜索都是针对所有Microsoft平台,C#app,F#等。 我从未见过任何关于网页设计的内容。 解决方案 看看 Microsoft Web Framework ,了解有关用于满足Microsoft网页设计原则的组件,HTML结构和CSS的详细信息。 ..
发布时间:2019-05-24 15:52:30 前端开发

找到第一个可滚动的父级

我遇到这种情况需要将元素滚动到视口中。问题是我不知道哪个元素是可滚动的。例如,在Portrait中,body是可滚动的,而在Landscape中它是另一个元素(并且有更多情况可以改变可滚动元素) 现在问题,给定一个元素需要滚动到视口中,找到第一个可滚动父级的最佳方法是什么? 我已经设置了一个演示 ..
发布时间:2019-05-24 15:17:48 前端开发

动画(可能是切换类)不起作用

所以我正在建立一个网站,我有几个div,当用户点击特定按钮或导航项时,应该从右,左或顶部滑动。但是,这些都不起作用。当我点击应该让它们滑动的按钮时,没有任何div会滑过。我正在使用纯JavaScript来执行这些操作。到目前为止,我已经尝试了几个动作。首先,我认为这是因为我没有window.onload,但在添加之后,没有任何改变。然后我可能链接仍然是默认操作,所以我试图添加e.preventDe ..
发布时间:2019-04-28 10:12:46 前端开发

Vue Transition not按钮单击时触发

我是Vue JS的新手,我正在创建一个缩略图查看器,我将获得一个图像和视频列表作为对象数组。首先,我将只显示5个项目,当用户单击“上/下”按钮时,我想垂直滑动缩略图。 我创建了一个 codepen 通过引用StackOverflow上的一些链接。 我正在使用Vue Transitions并且我的数据似乎是被动的但是当我点击时我无法看到平滑过渡(滑动到顶部/底部100px)在顶部和底部按 ..
发布时间:2019-04-28 10:06:00 前端开发

Pinterest样式布局与CSS,但水平堆叠而不是垂直堆叠

我正在尝试创建一个pinterest样式布局,而不使用Packery或任何JS。我尝试过使用CSS3列,但它们是垂直堆叠的。 请看这里的小提琴, https://jsfiddle.net/2otpzbgt/1/ 列数:3; 是我用过的,卡片显示为1,6,11等等。是否可以显示为1,2,3? 我试图解决的目的是一个带有动态内容的网格布局,其中图像大小(高度) ..
发布时间:2019-04-27 15:32:37 前端开发

在鼠标悬停时反转文本颜色

我希望在使用自定义-black-光标悬停时将蓝色文本反转。 此GIF演示效果: 无法解决这个问题,使用CSS& JS。我想有些混合混合模式,剪切蒙版,伪元素和滤镜。 以下代码使光标变为白色但不会使黑色文本变为白色。听起来很抽象?这是一个演示。 mix-blend-mode:差异; filter:invert(1)灰度(1)对比度(2); 我已经设置了 C ..
发布时间:2019-04-24 14:07:01 前端开发

在JavaScript过渡期间获取当前CSS属性值

我希望能够在完全执行之前在转换过程中读取CSS属性的值。那可能吗?因此,如果在从0%到100%的过渡期间,我要检查一半,我能看到它的50%吗? 解决方案 在JavaScript过渡期间是否可以获取当前的css属性? 是 var timer; function test(e){var $ this; $ this = $(this); timer = setInterval ..
发布时间:2019-04-24 13:43:40 前端开发

通过JavaScript更改字体

所以基本的工作流程是: 字体的异步文件上传(已经完成)。 获取网址(已完成)。 将字体更改为新网址。 我意识到这需要通过font-face来完成,但我似乎无法弄清楚如何访问通过JavaScript。 解决方案 您可以创建一个新的 元素与 @ font-face 规则并将其附加到文档的头部: var newStyle = document.cr ..
发布时间:2019-02-19 18:45:50 前端开发

iPhone iOS7 3D选择/下拉功能

我不喜欢新的iOS7 3D选择框,当它显示选择选项(附加图像)时。它在iPad上很好看,外观平整。它使网页的移动视图看起来破碎并且让用户感到困惑。它很难从盒子里移开,与页面的背景混合等... 无论如何都要覆盖这个看起来很糟糕,无法使用的功能?默认为旧? 解决方案 选择输入的行为与iOS浏览器相同。你无法使用选择框来避免它。 你可以做的是使用一些HTML标记,使用jQuery和C ..
发布时间:2018-09-24 20:00:43 移动开发

Angular6 - canvas.drawImage()不起作用

我想把图片放在画布上。最初我用图像作为背景。但每当我将画布转换为图像时,背景图像都不会被复制。因此我试图在画布上绘制图像。我从设备图库中选择图像。将图像URL存储为字符串并传递给下一个组件。我检查过,能够得到价值。请看下面的代码,让我知道我做错了什么。 1。 HTML ..
发布时间:2018-08-26 15:25:54 前端开发

自定义字体离子2

所以我试图在我的Ionic 2应用程序中使用自定义字体,由于某种原因,它显示的内容不正确。 我的字体是GothamRounded,所以我将所有.ttf,.svg,.otf和.eot文件复制到我的Ionic项目的www / fonts文件夹中。 然后,在app.component.scss中(我的主要成分)我写了这个: app { @ font-face { font-f ..
发布时间:2018-08-24 19:12:47 前端开发

像Ionic 2中的Modal一样警觉

我在警报中想要很多功能,所以我在模态中实现了所有的东西...现在我想把这个模态切割成一个警告,就像不占用屏幕上的整个空间并在空间上显示bg我们的模式。 ,如下图所示 in ionic 2 请帮助感谢advane 解决方案 你可以在scss的帮助下进行调整 .modal-wrapper { position:absolute; 宽度:90%; 身高:65%; ..
发布时间:2018-08-24 19:04:28 前端开发

无法让CSS3Pie工作

我觉得很愚蠢,就像我错过了一些非常明显的东西,但我已经检查了一堆,无法弄清楚出了什么问题。我正在尝试使用CSS3pie在ie8中制作圆角,但它不会采取。 我有相对于html文档设置的路径,而不是css。它位于一个名为pie的文件夹中,所以这就是我在CSS中使用的内容: #recommended-acc { float:left; 宽度:472像素; 背景:url(../ img ..
发布时间:2018-08-22 20:37:52 前端开发

如何在IE7和IE8中使css transform-origin属性工作?

我有以下css规则: transform-origin:100%50%; 如何让它在IE7和IE8中运行?我没有运气,谷歌4个小时。任何帮助表示赞赏! 解决方案 我已经解决了这个问题,方法是将图像加倍,并添加 left:-300px (图像的半宽)。我知道这不是最好的方法,但无论如何它的工作方式应该如此。希望有人会发现这个答案有用:) ..
发布时间:2018-08-22 20:31:44 前端开发

Twitter Bootstrap响应式布局在IE8或更低版本中不起作用

我使用twitter bootstrap开发了一个站点,似乎在IE8及更低版本的所有IE浏览器中,响应式布局部分都被破坏了。这是不支持这些浏览器吗? 解决方案 支持 @media 在IE 8及以下版本中查询,请查看 css3-mediaqueries-js css3-mediaqueries.js Wouter van der Graaf 是一个用于制作IE 5+的JavaSc ..