Tag: css3

如何在最后处给出透明的六角形角度？: 我必须像这样制作菜单。 alt text http://shup.com/Shup/330421/1104422739-My-Desktop.png 下拉项目可以增加和减少如果客户端将添加或删除页面。下拉列表的宽度取决于页面标题名称中的字符数。角度仅在最后一个项目的右下角需要。我知道如何制作下拉菜单以及如何提供跨浏览器的透明度，但我想知道如何在保持透明度的同时向右下角提供所需的角度。

更改每个不同Tab的窗口的URL: 我有一个单页的html代码，其中包含3个不同的选项卡。我需要链接每个选项卡的URL。我已经看到了一些使用windows.history.pushState()更改浏览器历史记录的资源。但据我所知，它仅使用#extra-path更改更改。但我正在努力实现以下目标：对于tab1 .. mybasedomain.com/tab1 对于tab2 .. mybasedomain.com/tab2 我如何实现它？我可以使用JavaScript，jQuery实现它吗？我的代码结构： tab one tab two tab three content of tab 1 content of tab 2 content of tab 3

在css / js / jquery / html中应用玫瑰色调或更改整个文档的亮度？: 实现这一目标有更好的做法吗？目前我正在使用宽度/高度为100％的不透明红色div，更高的z-index和指针事件：none，它允许下面的所有内容工作。此外，我希望能够调整整个文档，是否有任何类型的亮度属性我可以应用或者我会再次更好地在所有内容上放置不透明的黑色层？只是想知道我是否会采取错误的方式。我也对js / jquery解决方案感兴趣，如果它们更高效，我也不会担心与旧浏览器的兼容性。 **如果有人能告诉我制作一切黑白的最简单方法，我也非常感激。

使用CSS和JQuery创建组织结构图结构: 我正在检查Twitter Bootstrap中的堆栈论坛树，看到你可以通过CSS实现什么真的很有趣。由于链接中提到的示例是垂直流动，因此可以实现与水平流动相同的操作。例如作为参考，我添加了JS Fiddle链接： http ： //jsfiddle.net/Fh47n/ Parent Child Grand Child Child Grand Child Grand Child Great Grand Child Great Grand Child Great Grand Child Grand Child .tree li { margin: 0px 0; list-style-type: none; position: relative; padding: 20px 5px 0px 5px; } .tree li::before { content:”; position: absolute; top: 0; width: 1px; […]

选择后如何更改菜单背景颜色？: 我这几天开始学习CSS，目前我接受了一个CSS任务，我已经尝试但是我没有得到它.. 这是我的要求： The site is http://mywebsite.com/ . 你会注意到菜单栏有一个hover的颜色是#1B3E70 。这是我想要选择的菜单栏项目在相应区域/页面上显示的颜色。我尝试如下，但没有得到： a:visited{ background: #1B3E70; } 请建议我..

如何在标签更改上处理css动画: 我正在开发一个小轮盘赌游戏，如： https ： //csgofast.com/ 我的问题是，当我在实际标签中时，与转换和转换一起使用的轮盘动画效果非常好。问题是，当我移动到另一个选项卡或miniminize，在roullete开始之前，直到我没有回到选项卡，它dosnt开始滚动/移动。就像roullete动画正在等待，直到我再次到达标签，开始移动。 let intervalJackpot = setInterval(() => { if (something == true) { $(“#slider”).css(‘transform’, ‘translate3d(-7850px, 0px, 0px)’); $(“#slider”).css(‘transition’, ‘15000ms cubic-bezier(0.32, 0.64, 0.45, 1)’); } }, 500); 代码在setInterval中，这就是我所知道的问题。 DB.roulleteSpin只是一个来自数据库的简单代码。我怎么能处理这种情况？我想知道轮盘赌开始移动并在正确的地方结束，如果我在选项卡中没有问题。我怎么能接近这种情况？有人能告诉我一个例子吗？非常感谢。

响应式导航 – 当浏览器最小化时如何使导航打开/关闭: 我正在从这个啧啧做自己的响应式导航： http ： //www.hongkiat.com/blog/responsive-web-nav/ 这是我的小提琴： http ： //jsfiddle.net/2Pqch/ 当窗口最小化并按下打开/关闭btn时，我希望能够通过单击按钮或单击导航外部来关闭它。如何添加此function？这是脚本： $(function() { var pull = $(‘.btn’); menu = $(‘nav ul’); menuHeight = menu.height(); $(pull).on(‘click’, function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(‘:hidden’)) { menu.removeAttr(‘style’); } }); });

jQuery Masonry和CSS3: 如何维护砌体布局但是当前图像涉及CSS3过渡？ inheritance人我的HTML $(function () { $(‘#container’).masonry({ columnWidth: 1, itemSelector: ‘div’ }); }); 和CSS html { height:100%; } body { width:900px; height:100%; margin:0 auto; margin-top:100px; background-image: url(images/gridbg.png); } #logo { } #container > div { margin: 5px; #imagetrans { position:relative; height:281px; width:450px; margin:0 auto; } #imagetrans img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity […]

用于折叠div的响应式设计方法: 我正在使用带有侧边栏导航菜单的CSS主题。我想添加一个按钮，让用户关闭侧边栏。我熟悉jQuery切换，显示，隐藏等等…我可以编写脚本来隐藏和显示div的方法很多，但是有一种兼容的方式来做到这一点，这将适用于大多数浏览器和手机？除了jQuery中的show hide之外还有更好的选择吗？谢谢

inheritance/覆盖来自不同外部文件的现有CSS规则: 我有一个现有的项目，曾经没有Bootstrap（3），但现在我必须改变它并保留旧的CSS。我目前的CSS订单： var bundleCSS = new StyleBundle(“~/Views/bundle/newBundle”).Include( “~/Views/Shared/normalize.css”, “~/Scripts/jquery.ui/jquery-ui-latest.custom.css”, “~/Scripts/jquery.jqGrid/ui.jqgrid.css”, “~/Scripts/sweetalert/sweet-alert.css”, “~/Content/bootstrap.css”, “~/Views/Shared/OldButNeededLayout.css”, “~/Content/custom.css”); //will be rendered in that order custom.css用于修复将bootstrap.css添加到项目中的所有错误。这里的问题是， OldButNeededLayout.css有OldButNeededLayout.css 3000行的css-code，顺便提一下当前的项目非常大。因此，当用旧css覆盖引导程序而不是通过添加引导程序来修复错误时，我得到的结果不可预测。（因为我不知道它会改变什么）怎么做或如何解决将bootstrap css / js集成到（我的）现有项目中的问题？