标签 javascript jquery css
<分区>
我正在尝试在元素的背景中创建对 Angular 线背景。我可以使用渐变很容易地做到这一点，但是这对于响应式网站来说是这样的，所以元素需要是流畅的。
我可以为固定形状做这样的事情......
div {
width:200p
height:200px;
margin-bottom:2em;
border:1px solid #aaa;
background:linear-gradient(45deg,#ffffff 49%,#aaa 50%,#ffffff 51%);
}
这是使用带有硬停止的旋转渐变，但它使用的是固定宽度。我在这里做了一个 codepen，它的宽度设置为百分比，正如你所看到的，这个概念被打破了。 http://codepen.io/juicypixels/pen/gPravL?editors=110
即使我必须使用 javascript，也很想知道是否有一种响应式的方式来做到这一点。
提前致谢。
最佳答案
尝试
background:linear-gradient(to bottom left,#ffffff 49%,#aaa 50%,#ffffff 51%);
代替
background:linear-gradient(45deg,#ffffff 49%,#aaa 50%,#ffffff 51%);
关于javascript - 如何在响应式背景中创建对 Angular 线，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34336837/
相关文章：
javascript - 如何将错误消息从 meteor 服务器传递到客户端
javascript - 在 HTML 中调用 Javascript 方法
javascript - Google 图表和 Ajax 响应
html - 如何使 "after"伪元素始终位于表头中的同一行？
javascript - 带有文本的光滑 slider 轮播
javascript - 带有 Highcharts 的全屏面板 Bootstrap (响应式)
javascript - 无法使用 Angular.js 获取输入字段值