0

グリッド スナップを実装していますが、水平方向と垂直方向の両方に薄い灰色の線を表示したいと考えています。これは、Visual Studio のフォーム デザインの側面に似たルック アンド フィールを持つデザイン アプリケーションを作成しているためです。

私はいくつかのグローバルを持っているので、ピクセル間隔を知っています。Javascriptで動作させたいだけです。ページは X 方向と Y 方向に無限に進む可能性があるため、i は静的な長さを持つことはできません。動的である必要があります。

これまでのところ順調に進んでいますが、これを実装する現在の方法があるかどうかは不明です。

    <hr style ="position:absolute;" width = "1" size = "500" />  
    <hr style ="position:absolute;" width = "500" size = "1" />
4

2 に答える 2

2

あなたが最新のブラウザを持っているなら、私はこの方法が好きです：

body{
  background-size:15px 15px;
  background-position: 0 -5px;
}
body:hover{
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 98%, #000000 100%); 
}

ホバー、いいかもしれません。2 番目の背景を簡単に追加して、CSS プレフィックスを追加できると思います。

編集：より良い

html{
  background-size:200px 200px,200px 200px;
  background-position: 0 0,0 0;
  color:#7a7a7a;
}
html:hover{
  background-image: -webkit-linear-gradient(top, transparent, transparent 199px, #000000 200px),-webkit-linear-gradient(left, transparent, transparent 199px, #000000 200px); 
}
于 2012-06-06T08:28:08.173 に答える
0

for()有限数 (ウィンドウ幅などによって決定される) のルールを作成するループを実装して、非常に多くのピクセルごとに新しい水平方向のルール要素を作成できますか。DHTML を使用して、各水平罫線のスタイル特性を指定できます。

ちなみに、グリッドを移動する必要がない場合は、position:fixed を試してください。

お役に立てれば！

于 2012-06-05T16:54:26.313 に答える