境界線を持つ2つのdivがあります。下の図のように2つのdivsが接する境界線のみを削除するにはどうすればよいですか?しかし、背景が重ならないと、ここでは背景が透明でなければならないということです。 質問はこのような継ぎ目に聞こえますPartial Border in CSSしかし!!背景色が重ならないようにする。液体の次元でもあり、固定されていないことを意味します。バックグラウンドオーバーラップのないCSSの部分的な枠線
0
A
答えて
1
あなたdiv
sが静的な高さの両方ある場合は、偽の境界線を擬似的要素を使用することができます。
div {
border: 1px solid black;
}
#small {
border-right-width: 0;
height: 80px;
}
#big {
border-left-width: 0;
height: 200px;
position: relative;
}
#big:before {
content: ' ';
border-left: 1px solid black;
position: absolute;
height: 120px;
left: 0; top: 80px;
}
ここでフィドルです:http://jsfiddle.net/FrKZy/
あなたはおそらく、それが使用して動的な高さで動作させることができJavascript。
警告:これはIE7または下に動作しません。
+0
賢い解決策。 –
関連する問題
- 1. CSSの円の枠線
- 2. CSS - レスポンシブな(%ベースの)グリッドシステムへの枠線の適用
- 3. C#WPF透明な枠線付きの枠線
- 4. IEでCSSの枠線の幅が2倍になった
- 5. CSSの枠線のアウトラインの使用
- 6. JFreechart(Java) - 部分的に破線と部分的に実線の描画方法
- 7. HTML 5、CSSの枠線の不一致
- 8. CSS三角形のカスタム枠線の色
- 9. CSSダッシュと角度付きの枠線
- 10. html入力ボタンデフォルトの枠線CSS
- 11. CSSの点線の枠がChromeで破線でレンダリングされる
- 12. HTML/CSSの部分的な画像の不透明度
- 13. IE 7のテーブルセルの枠線がなくなっています
- 14. テーブルセル内の非一様な破線枠
- 15. Railsの部分的なベストプラクティス
- 16. 部分的なディレクトリリスト
- 17. CSSの枠線を使用したCSSの概要
- 18. Firefoxで枠線画像とCSS画像が並んでいない
- 19. 剃刀の部分的な見解はCSSを破る
- 20. 部分的なフォーム対部分的なフォームのためのRails規則
- 21. iOS:便利な部分に画像をトリミングする方法(透明な枠線を削除する)
- 22. CSSでフォントの色を適用している枠線
- 23. GalleryViewのカスタム枠線
- 24. geom_map ggplot2の枠線
- 25. HTMLとCSS - 部分的なマーキーボックスを表示
- 26. AngularJSの複数の独立した部分的な部分
- 27. レイアウト上の部分的な部分のruby on rubyロジック
- 28. 部分的なポストバックとjquery
- 29. CSSには部分的にオフスクリーンの+部分が含まれています
- 30. 部分的に動作しない
divの静的な高さですか? –
いいえ、動的な幅を持っている必要があります –
私の答えは動的な幅で動作します。動的な高さでは機能しません。 –