小编Asp*_*ian的帖子

没有在Safari中显示的背景图像

我正在开发一个响应式设计,"bgMainpage"类有一个背景图像,但它并没有在Safari上显示所有设备.我已经应用了背景大小封面,因为它是客户想要的.我也添加了浏览器特定的CSS,我不知道还有什么可以这样做,它也出现在Safari中.Chrome,FF,IE显示图像就好了.有任何想法吗 ?

项目链接

CSS:

.bgMainpage{
    background:url("../images/bg.jpg") no-repeat scroll right top #000000;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;
}
Run Code Online (Sandbox Code Playgroud)

html css safari responsive-design

26
推荐指数
7
解决办法
6万
查看次数

在chrome的底部留下空间

这是一个响应式设计和转换:translateY(2000px); 已应用于底部的块.动画在Chrome中工作正常,但动画似乎在页面底部留下了空白区域.这只发生在Chrome中.

项目链接:

http://50.87.144.37/~projtest/team/design/Call/
Run Code Online (Sandbox Code Playgroud)

CSS:

.come-in {
  transform: translateY(2000px);
  -webkit-transform: translateY(2000px);
  animation: come-in 0.8s ease forwards;
  -webkit-animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
  -webkit-animation-duration: 0.6s; 
}
Run Code Online (Sandbox Code Playgroud)

JS:

 (function($) {

      $.fn.visible = function(partial) {

      var $t            = $(this),
          $w            = $(window),
          viewTop       = $w.scrollTop(),
          viewBottom    = viewTop + $w.height(),
          _top          = $t.offset().top,
          _bottom       = _top + $t.height(),
          compareTop    = partial === true ? _bottom : _top,
          compareBottom = partial === true …
Run Code Online (Sandbox Code Playgroud)

jquery transform css3

9
推荐指数
1
解决办法
1395
查看次数

当div隐藏时,顺利移动相邻的div

小提琴链接

当我点击绿色div时,一切都隐藏起来,但是绿色div是生涩的,就像在第一个绿色div旁边的一个生涩的动作.是否可以平滑运输,以便它滑动并占据第一个绿色div旁边的位置?

JS:

$('.green').click(function(){
    $('.others').fadeOut();
});
Run Code Online (Sandbox Code Playgroud)

CSS:

.green{ background:green; padding:10px; margin:10px; }
.red{ background:red; padding:10px; margin:10px; }
.blue{ background:blue; padding:10px; margin:10px; }
.green:hover{ cursor:pointer;}
.fade{display:none; opacity:0;}
div{ float:left; }
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="green"></div>
<div class="red others"></div>
<div class="blue others"></div>
<div class="green"></div>
<div class="red others"></div>
<div class="blue others"></div>
Run Code Online (Sandbox Code Playgroud)

html css jquery transition

7
推荐指数
2
解决办法
4103
查看次数

在光标位置拆分div内容

我需要在用户点击它之后拆分元素,并且attr'contenteditable'变为'true'.这个小提琴适用于第一段,但不适用于第二段,因为后者属于ap标签.类似的在这个小提琴中,你会看到当元素中有html标签时,计数器会失去准确性,因此光标前后的文本不是你所期望的.

这里假设用户将以帮助标签保持不变的方式拆分数据.正如dandavis在这里指出的那样,例如div有<i>Hello</i> <b>Wo*rld</b>,用户只需要将div分成两个div,第一个将有<i>Hello</i>,第二个div将<b>Wo*rld</b>在其中.

HTML:

<div><mark>{DATE}</mark><i>via email: </i><mark><i>{EMAIL- BROKER OR TENANT}</i></mark></div>
Run Code Online (Sandbox Code Playgroud)

JS:

var $splitbut = $('<p class="split-but">Split</p>');
$(this).attr('contenteditable', 'true').addClass('editing').append($splitbut);

var userSelection;
if (window.getSelection) {
    userSelection = window.getSelection();
}
var start = userSelection.anchorOffset;
var end = userSelection.focusOffset;

var before = $(this).html().substr(0, start);
var after = $(this).html().substr(start, $(this).html().length);
Run Code Online (Sandbox Code Playgroud)

"拆分"按钮不起作用,因为一旦我得到正确的"之后"和"之前"文本,生成html不是问题.关于我在这里做错了什么想法?

html javascript jquery

7
推荐指数
1
解决办法
815
查看次数

Git坚持主人| 并构

分配了两个遥控器,origin用于拉动变化并且harmeet是生产.

我试过git reset --hard但是一旦我拉出最新的更改,状态就会恢复master | MERGING,然后我无法推送最新的代码,harmeet因为Git告诉我一切都是最新的.我不确定这里有什么问题.

Git状态

git

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

仅单个蚂蚁上传列表项

我正在使用 ant design 使用此表单输入上传 csv:

ce(Form.Item, { className: 'form_input' },
        ce(Upload, { onChange: handleFileChange, className:'csv', multiple: false },
          ce(Button, { type: 'ghost' },
            ce(Icon, { type: 'upload' }), ' Choose File',
          )
        ),
      )
Run Code Online (Sandbox Code Playgroud)

该表单允许多次上传,新上传的内容会附加到“ant-upload-list-item”。如何防止追加并只保留最新的项目?

javascript reactjs antd

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

在Sourcetree中创建分支组

我公司坚持使用Sourcetree,我在努力寻找如何创建组以及包含在这些组的分支,为原点越来越乱,你可以在这里看到,该列表是超过3倍,显示在项目这个截图.我尝试在s/w本身寻找一个选项并进行研究,但我找不到这样做的选项.

在此输入图像描述

atlassian-sourcetree sourcetree

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

Div填充/背景颜色在outlook中不起作用

<div align="center" style="background:#bfcfe4;"><font face="Arial, Helvetica, sans-serif" style="font-size: 13px;"><br /><div style="width:666px; background-color:#ffffff; margin:10px auto 40px; padding:10px 34px 34px;"><table width="670" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#000000;"><tr><td>some html here...</td></tr></table></div></div>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

顶部图片来自浏览器,底部图片来自outlook.正如您所看到的那样,底部的填充不起作用.我不确定为什么会这样,请帮忙.

html css outlook html-email

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