小编Bob*_*Bob的帖子

在box-shadow上使用border radius

下面代码的结果是这个图像:

问题是并非所有角落都有边界半径.这是因为父级具有最大宽度,而border-radius仅适用于跨度的末端.

有解决方法吗？也许用JS？要检测每个新行并添加另一个带有边框半径的背景？由于响应能力,我无法在跨度中添加中断.在桌面版本上,它是一条长线.

h1 span {
    background-color: #272e3a;
    -webkit-box-shadow: 20px 0 0 #272e3a, -20px 0 0 #272e3a;
    box-shadow: 20px 0 0 #272e3a, -20px 0 0 #272e3a;
    padding: 5px;
    border-radius: 4px;
    font-size:40px;
    line-height: 58px;
    color:white !important;
}

h1 {
    color: white !important;
    max-width: 400px;
}

body {
    padding:50px;
}

Run Code Online (Sandbox Code Playgroud)

<body>

<h1><span>Lorem ipsum dolor sit amet</span></h1>

</body

Run Code Online (Sandbox Code Playgroud)

问题:如何使所有角落都有边界半径？没有编辑html？

html javascript css

Bob*_*Bob

lucky-day

6
推荐指数

1
解决办法

78
查看次数

Ajax 添加到购物车，用于 WooCommerce 单品上的简单和可变产品

下面的代码适用于使用 WooCommerce 将简单产品添加到购物车，但不适用于可变产品。有人可以帮我吗？因为这个代码适用于最新的 WC，请不要删除这个问题，因为网上有很多代码根本不起作用。

我收到的错误是在通知中说我应该选择一个产品选项，即使我选择了一个。

JS：

jQuery(function($) {
        $('form.cart').on('submit', function(e) {
            e.preventDefault();

            var form = $(this);
            form.block({ message: null, overlayCSS: { background: '#fff', opacity: 0.6 } });

            var formData = new FormData(form.context);
            formData.append('add-to-cart', form.find('[name=add-to-cart]').val() );

    var $thisbutton = form.find('.single_add_to_cart_button'); //


            // Ajax action
            $.ajax({
                url: wc_add_to_cart_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'ace_add_to_cart' ),
                data: formData,
                type: 'POST',
                processData: false,
                contentType: false,
      beforeSend: function (response) {
           $thisbutton.removeClass('added').addClass('loading');
       },
                complete: function( response ) {
                    response = response.responseJSON;

                    if ( ! response ) {
                        return;
                    }

                    if …

Run Code Online (Sandbox Code Playgroud)

php ajax wordpress jquery woocommerce

Bob*_*Bob

2021 01-20

2
推荐指数

1
解决办法

1244
查看次数