有问题使我的对角线连接

时间:2016-05-05 07:32:41

标签: css

我正在尝试使用http://patternify.com尝试制作对角线,它正在工作,但线条似乎没有连接,这就是它们出现的方式:

enter image description here

如果你仔细观察,你会发现线条相遇的地方之间存在小的间隙。

这是模式生成器http://ptrn.it/1TonkQe

的链接

有关如何连接这些线路的更多信息或更好的方法,非常感谢

2 个答案:

答案 0 :(得分:2)

如果您想使用patternify中的对角线复制css代码from here,请按以下方式使用。

HTML:

<div class="myDiv"></div>  

CSS:

.myDiv{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAO0lEQVQYlY3KuREAIAwEsatt66cnkwDD44dAmQRYRVLTTwIsjTOlcU9hvJMbvfTEKB0xSytWaZw6AdYBgzinO79RFiIAAAAASUVORK5CYII=) repeat;
  height: 400px;
  width: 400px;
}

答案 1 :(得分:0)

是的,我得到了与你相同的结果,我不是那些css生成器工具的粉丝。这就是我创建css斜条纹的方式:https://jsfiddle.net/d4f3y92h/1/

btnWallet.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub

                Intent mIntent=new Intent(this,SlidingScreenActivity.class);
                intent.putExtra("position", 2);
                startActivity(mIntent);
            }
        });