小编alo*_*ack的帖子

我希望放大将仅影响div内的img,并且不会调整所有div比例

这里是小提琴链接:http: //jsfiddle.net/4tHWg/1/

示例代码:

.box {
   float: left;
   position: relative;
   width: 14.285714286%;



}

.boxInner img {
   width: 100%;
   display: block;
   -webkit-filter: grayscale(00%);
   -moz-filter: grayscale(00%);
   -o-filter: grayscale(00%);
   -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
      transition: all 1s ease;

}

.boxInner img:hover {
  width: 200%;
}

我希望表格单元格之间的分隔边框是其高度的一半

看预览图：

这是小提琴链接：

小提琴链接

#details_gdr {
    height: 50px;
    line-height: 25px !important;
    margin-top: 3px;
}

#details_gdr tbody tr:not(:last-child) {
    height: 25px;
    border-bottom: 1px solid #D0E0EA;
}

#details_gdr tbody tr th:not(:last-child) {
    border-right: 1px solid #D0E0EA;
}

#details_gdr tbody tr th {
    width: 28px;
    text-align: center !important;
}

我需要的是当只有一个按钮时它将是100%宽度:

如果可能的话,基于CSS的答案

我创建动物代码让鱼来回游泳,他只游泳一次,卡住你可以帮助请求吗？

这里是小提琴链接:http: //jsfiddle.net/qLCnT/3/

function anim() {
    $('#fish_1').animate({
     "left": "-90px"}, 2000, flip);
}

function back() {
    $('#fish_1').animate({
     "left": "230px"}, 2000, flipBack);
}

anim();

function flip() {
    $('#fish_1').transition({
        perspective: '100px',
        rotateY: '180deg',
        complete: back
    });
}

function flipBack() {
    $('#fish_1').transition({
        perspective: '100px',
        rotateY: '0deg',
        complete: anim
    });
}

如何将 css 选择器用于 contenteditable="true"

<div id="1" name="1" contentEditable="true"></div>

如何实现如附图所示的圆形悬停效果（在右下图）

这是小提琴链接

这是相关的CSS：

.box_details {
  float:left;
  width:200px;
  height:200px;
  margin-right:35px;
  background-color:#fff;

  border-radius:3px;
  box-shadow: 0px 6px 19px 16px rgba(239,242,245,1);
}

.box_details:hover {
background-color:#f4f6f8;
color:#939bc5;
}