小编Zii*_*iik的帖子

Bootstrap Accordion按钮切换"data-parent"不起作用

我正在尝试使用Bootstrap 3创建一个手风琴,使用可折叠的数据属性按钮,没有手风琴标记.它对我来说看起来更干净.

但是我无法使data-parent属性起作用.我想在打开一个问题时,其他所有人都要关闭.我正在阅读文档(http://getbootstrap.com/javascript/#collapse-usage),但仍然无法使其工作.

我正在使用以下代码:

<div class="accordion" id="myAccordion">
    <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Question 1?</button>
    <div id="collapsible-1" class="collapse">
    <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
    </div>
    <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Question 2?</button>
    <div id="collapsible-2" class="collapse">
    <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
    </div>
    <button type="button" class="btn btn-danger" data-toggle="collapse" …
Run Code Online (Sandbox Code Playgroud)

html5 accordion twitter-bootstrap twitter-bootstrap-3

58
推荐指数
4
解决办法
10万
查看次数

Chrome 文本在不透明度过渡时变得模糊

好吧,chrome 上文本模糊的好问题。

我正在创建一个 CSS 下拉菜单,可以在 和 之间切换,visibility: hidden并且文本opacity: 0会稍微模糊。visibility: visibleopacity: 1

Firefox 上不存在此问题。那里的文字很清晰。

你可以看到小提琴:http://jsfiddle.net/swum8rm7/1/

通过删除第 21 行上的过渡,您会发现文本变得清晰。我尝试了各种translateZ诡计backface,但无法让它正常工作。

css transform hover opacity css-transitions

5
推荐指数
1
解决办法
1866
查看次数

否定:在绝对定位元素的z-index之前,IE8中不起作用

我已经搜索过这个问题,并且知道IE8有​​使用伪标签渲染元素的怪癖,但无法找到我的问题的解决方案.我试图绝对定位一个元素并在其中添加一个伪:before元素,它必须位于其父元素之下.

使用:

.container:before {
    z-index: -1;
}
Run Code Online (Sandbox Code Playgroud)

使用Firefox和Chrome进行操作但不在IE上; 这是小提琴http://jsfiddle.net/WaTnn/

如何在IE8中将黄色元素定位在红色下面并且仍然将它的父级置于绝对位置?

css z-index css-position internet-explorer-8 pseudo-element

3
推荐指数
1
解决办法
3361
查看次数

jQuery - 不使用图像滑动背景颜色

所以,是的,正如标题所说 - 有没有办法使用滑动动画改变导航菜单项的背景颜色(悬停)?而在不使用图像

使用jQuery或CSS3很容易做淡化动画,但是有没有办法让悬停颜色从左到右滑动?

我知道这里有很多线程,但它们都包括使用图像.

jquery hover css3 slide

2
推荐指数
1
解决办法
4603
查看次数

WooCommerce 2.6自定义端点404未找到错误

在2.6版本中,WooCommerce似乎已经改变了端点和自定义配置文件选项卡的制作方式.更多内容https://woocommerce.wordpress.com/2016/04/21/tabbed-my-account-pages-in-2-6/https://github.com/woothemes/woocommerce/wiki/2.6 -Tabbed -我的账户页面

我的代码与这些链接中的代码几乎相似,但单击新的配置文件选项卡会一直显示404 Not Found错误.我试过Permalinks刷新,flush_rewrite_rules()但似乎没有什么工作....

if ( !class_exists('My_WC_User_Company') ) {
    class My_WC_User_Company {

        /**
         * Custom endpoint name.
         *
         * @var string
         */
        public static $endpoint = 'my-company';

        /**
         * Plugin actions.
         */
        public function __construct() {
            // Actions used to insert a new endpoint in the WordPress.
            add_action( 'init', array( $this, 'add_endpoints' ) );
            add_filter( 'query_vars', array( $this, 'add_query_vars' ), 0 );

            // Change the My Accout page title.
            add_filter( 'the_title', array( $this, …
Run Code Online (Sandbox Code Playgroud)

php wordpress permalinks woocommerce

2
推荐指数
1
解决办法
1312
查看次数