小编Men*_*sam的帖子

无论如何在a的轮廓上有圆角,类似于？div elementborder-radius

编辑-原标题:是否有其他方式来实现border-collapse:collapse的CSS(为了有倒塌,圆角表)？

因为事实证明只是让表格的边框崩溃并不能解决根本问题,所以我更新了标题以更好地反映讨论.

我正在尝试使用该CSS3 border-radius属性制作带圆角的桌子.我正在使用的表格样式如下所示:

table {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px
}

这是问题所在.我也想设置border-collapse:collapse属性,当设置border-radius不再有效时.是否有基于CSS的方式我可以获得与border-collapse:collapse没有实际使用它相同的效果？

编辑:

我做了一个简单的页面来演示这里的问题(仅限Firefox/Safari).

似乎问题的很大一部分是将表设置为圆角不会影响角td元素的角落.如果表格都是一种颜色,这不会是一个问题,因为我可以td分别为第一行和最后一行制作圆角和倒角.但是,我使用不同的背景颜色来区分标题和条纹,因此内部td元素也会显示其圆角.

建议的解决方案摘要:

桌子周围有另一个圆角的元素不起作用,因为桌子的方角"渗透".

将边框宽度指定为0不会折叠表.

底部td四角设置CELLSPACING零后仍然广场.

使用JavaScript代替 - 避免问题.

可能的解决方案:

这些表是用PHP生成的,所以我可以为每个外部的t/tds应用一个不同的类,并分别为每个角设置样式.我宁愿不这样做,因为它不是很优雅,并且应用于多个表格有点痛苦,所以请保持建议.

可能的解决方案2是使用JavaScript(特别是jQuery)来设置角落的样式.这个解决方案也有效,但仍然不是我想要的(我知道我很挑剔).我有两个保留意见:

1. 这是一个非常轻量级的网站,我希望将JavaScript保持在最低限度
2. 使用border-radius对我来说具有优雅降级和渐进增强的部分吸引力.通过对所有圆角使用border-radius,我希望在支持CSS3的浏览器中拥有一致的圆形网站,在其他浏览器中拥有一致的方形网站(我正在看着你,IE).

我知道今天尝试用CSS3做这件事似乎是不必要的,但我有我的理由.我还想指出,这个问题是w3c规范的结果,而不是CSS3支持不好,所以当CSS3得到更广泛的支持时,任何解决方案仍然具有相关性和实用性.

我怎样才能做到这一点.请帮我.

这是我的控制器功能

public function payment_plan() {

    $result = new stdClass();
    $result->status = FALSE;
    $post_data = $this->input->post();
    if ($post_data) {
        $payment_plan = $post_data['payment_plan'];
        $value = $post_data['value'];

        $deleted_plan = $this->input->post('key');

        $payment_plans = $payment_plan."/".$value.",";            

        $payment_session = $this->session->userdata('payment_plans');
        if($payment_session == NULL){
            $array_one = array();
            array_push($array_one, $payment_plans);
            $this->session->set_userdata('payment_plans', $array_one);
        }  else {
           $session_two=  $this->session->userdata('payment_plans');
           array_push($session_two, $payment_plans);               
           $this->session->set_userdata('payment_plans', $session_two);
        }

        $final_session = $this->session->userdata('payment_plans');

        $this->data['payment_plans'] = $final_session;
        //var_dump($final_session);
        $result->status = TRUE;
        $this->load->view('cms/payment_plan', $this->data);
    }
}

如果我点击视图页面中的删除按钮$deleted_plan填充通过jQuery.

这是我的jQuery代码

$(".key").click(function () {

    var key = $(this).attr('id');        

    jQuery.ajax({ …

右键菜单正确使用其功能.但问题是有时它不能正常工作.在我的视图中,如果右键单击表格行正确选中了复选框,但在取消选中后再次尝试检查并右键单击它不起作用.

$('.check').bind("contextmenu", function (event) {
    event.preventDefault();

    $(".custom-menu").finish().toggle(100).css({
        top: event.pageY + "px",
        left: event.pageX + "px"
    });
});


$(document).bind("mousedown", function (e) {
    if (!$(e.target).parents(".custom-menu").length > 0) {
        $(".custom-menu").hide(100);
    }
});


$('tr.check').contextmenu(function (e) {
    $cb = $(this).find('input[type="checkbox"].selected_check');
    $($cb).attr('checked', 'checked');
    populate_context_menu($cb);

    return false;
});

我正在尝试更改AngularUI的日历单元格颜色.

但总是只改变事件颜色.

如何改变日间细胞的颜色？

这是我设置事件的Angular代码:

$scope.events = [
    {className: 'fa fa-shopping-basket', title: 'dashboard', start: new Date(y, m, 1), url: 'http://localhost/view_finance', backgroundColor: '#80d4ff', borderColor: '#80d4ff', textColor: '#0088cc', allDay: true},
    {className: 'fa fa-line-chart', title: 'dashboard 2', start: new Date(y, m, 1), url: 'http://localhost/view_finance/d/dash2', backgroundColor: '#80d4ff', borderColor: '#80d4ff', textColor: '#0088cc', allDay: true},
    {className: 'fa fa-user', title: 'balance', start: new Date(y, m, 1), url: 'http://localhost/view_finance/d/balance', backgroundColor: '#80d4ff', borderColor: '#80d4ff', textColor: '#0088cc', allDay: true},
    {className: 'fa fa-bar-chart', title: 'invoice', start: new Date(y, m, 5), url: 'http://localhost/view_finance/invoice/invoice#!/invoice_view', …

我想用nusoap就Laravel 5.3用PHP7.但是当生病时尝试composer从该软件包安装它:

https://github.com/codecasts/nusoap-php7(v.0.9.6)

它仍然让我回报:

class.soapclient.php第26行中的ErrorException:与其类同名的方法将不是PHP的未来版本中的构造函数; nusoap_client有一个不推荐使用的构造函数

我清除了缓存,但都没有成功.任何人都成功地实施nusoap在Laravel用PHP7？

我有以下内容Angular template.这很好地替换了每行的样式类,这样even-numbered rows有一个类并odd-numbered rows具有不同的类:

<tbody>
  <tr ng-repeat="currElement in myCtrl.elementList track by $index" >
    <td ng-class-odd="'element-tilt-left'" ng-class-even="'element-tilt-right'">
      <a ui-sref="myState({elementId: currElement.elementId)" ng-bind="currElement.name">
      </a>
    </td>
  </tr>
</tbody>

但现在我想在4种不同的风格类别中循环,而不是仅仅两种.我该怎么做？

我使用了这个AngularUI日历

我想添加像这样的图标(Bootstrap glyphicons)

请帮忙,

谢谢