css3

4熱

1答えて

私は写真を撮っている海岸を旅行している写真家とプログラマーです。私は彼らがデータベース上の画像のメタデータに基づいて写真を撮った場所を表示しようとしていました。 hereにそのようなアニメーションマップを描きたいと思います。マップのダイナミックマップを描画する最も効率的な方法は何でしょうか？私はイメージを使った。しかし、私は鉛筆の描画の感触を、おそらくsvg（これは難しいかもしれませんか？）を作成

0熱

2答えて

ナビゲーションバー内の要素を垂直に整列する方法は？

さまざまなタブのリンクを含むナビゲーションバーを作成し、メニューをドロップダウンします。ナビゲーションバーの内側にあるすべての要素を垂直に配置するのに問題があります。 selectタグがいくつかの問題を引き起こしたようだ。ここに私の概要の一例である： header.headerBox { \t width: 100%; \t height: 80px; \t border-top

0熱

2答えて

CSS段落の下の段落を整列する

イメージを給付段落の下に整列しようとしていますが、何らかの理由でそこに配置することができません。私は背景位置を使用しました：％％;私が段落よりも低くなるように変更すると、私のイメージが隠れて、セクションにもっと高さをつけても、イメージはあまり表示されません。私はだけなので、このプロジェクトのHTML、CSSの背景プロパティを操作する必要はなく、（CSSを使用させていただいております。 /*der

6熱

1答えて

幅を埋めるためにアイテムを伸ばす方法を教えてください。彼らは緑<code>container</code>ボックスの幅全体を埋めるように、私は赤<code>item</code>ボックスを少し伸ばすことができますどのように

.container { display: grid; grid-template-columns: repeat(auto-fill, 100px); grid-gap: 3px; border: 1px solid green; } .item { border: 1px solid red;

2熱

1答えて

ボーダーの高さ私のdivの高さの50％をCSSを使ってどうやって？

注：私はすべての質問を試しました&答えはこのトピックに関連しています。さらに、私は関連する質問を試み、それを解決しようとしましたが、成功しませんでした。だから私の質問をよく読んでください。境界線の高さを50%に設定して、divの高さと比較したいと考えています。私は .sing-wrapper { border-left: 3px solid #999; border

-1熱

1答えて

透明な背景を持つPNG画像をCSSに含めるには

透明な背景を持つPNGファイルをCSS3を使って含めると、背景が自動的に白に変換されます。どうすれば透明に保つことができますか？

0熱

1答えて

テキストオーバーフロー：する（ver。）省略記号は、IEでの入力のために働いたが、他の

では正常に動作していない私はMS IEで問題を持っていることはしていないようinputフィールド、ためtext-overflow: ellipsis;プロパティこの特定のブラウザ（IE）でのみ動作します。提案が参考になります。フィドル： https://jsfiddle.net/TjGyz/362/ input, div { width: 100px; border

0熱

2答えて

継承されたCSSを避ける

私はdivを持っています。これは、動的に異なる要素を含むHTMLを部分的に表示し、そのCSSがdivの要素cssをオーバーライドしています。部分図のように、私たちはcss table{border:none;}を設定しましたが、div要素には表要素に定義されているとおりに表cssを表示します。どうすればいいですか？よろしく、

0熱

2答えて

divを設定してスペースをコンテナの最後に置くにはどうすればいいですか？

私は内部にいくつかの要素があるセクションがあります。彼らはすべて同じ行/行にあります。 div要素とCSSを組み合わせて、すべての要素を隣り合わせに配置しました。要素をレイアウトするのがベストプラクティスかどうかは分かりません。私の問題は、ユーザーが検索基準を満たしていない場合に発生するメッセージボックスです。フィールドボックスはdisplay:noneに設定されています。メッセージが表示されたら

0熱

3答えて

css - circleプログレスバーを使って漸進的に弧を作成して塗りつぶす

プログレスバーのように弧を埋めるのに苦労しています。しかし、誰とhttps://codepen.io/enslavedeagle/pen/AXzaKE #arc, #arc::before { display: block; box-sizing: border-box; border-radius: 100%; width: 100px; he