css3

    2热度

    3回答

    我正在为我的网站设置菜单。它已经完成了,只有一个细节让我烦恼。看看下面的代码片段。当我将鼠标悬停在父元素上时,该子元素随着转换而滑落。但是一旦鼠标离开父/子元素,子元素就会消失。 我已经确定,当鼠标离开父/子元素时,子元素快速移出视图(left: -9999px;),在向上滑动转换开始之前。 我该如何做到这一点,当鼠标离开菜单时,项目以相同的过渡类型向后滑动?有没有CSS的解决方案,或者我也必须使

    2热度

    2回答

    我想在DOM加载后更改h1中的文本以将其颜色更改为透明,但模糊效果起作用,但不起作用。 这里是我的代码部分: <script type="text/javascript"> $(document).ready(function() { $('#maintext h1').addClass('blur-text'); }); </script> #m

    1热度

    2回答

    我的问题是我想让一个特定的元素消失一旦 某些屏幕宽度被击中,但不管我做什么它保持。 我也试图做简单的媒体查询CSS,如改变背景 颜色的特定宽度,但这也不工作。 有人可以提出任何解决方案吗? 谢谢 这是我的html代码: enter code here<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta nam

    0热度

    1回答

    我有一个普通表。我的标题不粘。我尝试了多种方式,但没有奏效。我的列表非常大,所以我打算只有行而不是标题的滚动条。我的列可以调整大小。 thead { display: table-header-group; vertical-align: middle; border-color: inherit; } tbody { display: table-

    0热度

    2回答

    所以我创建了一个函数,有2个参数的CSS方法,我运行它,但参数正在阅读。宽度值上悬停和关闭工作,但瓦特/ E值i的参数通过越来越阅读 function growImg(targetClass, imgClass, growPosition, growVal){ $(targetClass).hover( function(){ $(imgClass).css({'w

    0热度

    1回答

    我目前正在尝试使用Javascript和CSS3制作我自己的Javascript通知系统并利用它的动画。 我想检测元素转换何时完成,因此我可以从DOM中删除元素。 该动画被称为animate-out这是我在CSS3中使用2个关键帧制作的自定义动画。 我在通知上有一个关闭按钮,当我点击它时会添加一个类is-closed。一旦关闭动画完成后,我希望能够检测到这一点,目前我试图通过使用console.l

    1热度

    2回答

    我正在研究一些前端功能。实际上,我正在做Ajax请求并在调用que后修改UI。 我确定相关项目/视图,以我的模型(前)使用,因为我通过组合类+ ID选择不同的项目,这将不会是唯一的ID。 简单的例子: <div id="23"class="status_ic btn btn-info">Status Name</div> <div class="botones_applies" id="23">

    0热度

    3回答

    我试图给边距的特性“的setAttribute”:10px的到ID下载CSV 下面是HTML和JAVASCRPIT: <span style="display: inline;" id="download-csv"><input type="submit" id="csv_download" value="Download"></span>; JavaScript : var

    1热度

    1回答

    添加DIV工作考虑以下小提琴:https://jsfiddle.net/7naxprzd/1/ 的要求是:与头 两列和内容列 面应对准 列的底部应该对齐 在每列顶部应该有一个水平居中的箭头 如果通过删除div类.arrow-wrapper消除箭头,但代码正常工作,但我需要箭头。 一个解决方案可以是绝对定位箭头,但有没有办法解决这个布局问题与柔性没有绝对定位的箭头? 应该适用于现代浏览器和IE11。

    0热度

    3回答

    我读过这个SO pos t并实现了它的建议。 下面我的代码。 基本上,当我向我的flex孩子添加填充物时,它会伸展得比应该宽,两个框(金色和灰色)的宽度应该相同,但大量的填充会使金色框稍微较大,因此忽略了其50%的基础。 为什么会发生这种情况,它如何解决?我期待两个盒子的宽度相同,即使是填充也是如此。 .container { display: flex; height