プログラミング css

25

Internet Explorer固有のCSSやInternet Explorer固有のJavaScriptコードなどの特定の状況でInternet Explorer 10のみをターゲットにするにはどうすればよいですか？

Internet Explorer固有のCSSやInternet Explorer固有のJavaScriptコードなどの特定の状況でInternet Explorer 10のみをターゲットにするにはどうすればよいですか？私はこれを試しましたが、うまくいきません：   <html lang="en" class="no-js">  Internet Explorer 10は条件付きコメントを無視し、<html lang="en" class="no-js">代わりにを使用します<html class="no-js ie10" lang="en">。

160 javascript html css internet-explorer-10 conditional-comments

11

Twitterブートストラップモーダルを全画面表示にする方法

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> 上記のコードのTwitterブートストラップモーダルポップアップを全画面表示にするにはどうすればよいですか。CSSをいじってみましたが、思い通りにできませんでした。誰かが私を助けてくれますか？

160 css twitter-bootstrap

14

CSSで<br />をターゲティングできますか？

<br/>CSSで改行タグをターゲティングすることはできますか？改行があるたびに1pxの破線が必要です。私は自分のCSSでサイトをカスタマイズしていて、設定されたHTMLを変更できません。そうでなければ、他の方法を使用します。それは可能だとは思いませんが、誰かが知っている方法があるのかもしれません。

160 html css line-breaks

12

JavaScriptでCSSプロパティを設定しますか？

以下を作成しました... var menu = document.createElement('select'); どうすればCSS属性を設定できますwidth: 100pxか？

160 javascript css

5

コンテナの背景画像を回転させる方法は？

Chromeのスクロールバーのボタンに配置された画像を回転させたい。今、私はこのコンテンツを持つCSSを持っています： ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } コンテンツを回転させずに画像を回転させたい。

160 css background-image image-rotation

5

ptまたはpxを使用する必要がありますか？

違いは何であるptとpxCSSでは？どちらを使用する必要がありますか？その理由は？

160 css

5

Twitter Bootstrap 3でcol-lg-pushとcol-lg-pullを使用した列順序操作

私は現在、Twitter Bootstrap 3のドキュメントを読んでおり、このページに示すように列の順序を追おうとしましたが、壁にぶち当たりました。このようなコードが機能する理由や、設定を正しく指定する方法がわかりません。私が表示したいのは、長さ5ともう1つの長さ5で構成される1つのグリッド、そして最後に1つの長さ2のグリッドです。だから私のものは次のようなものです： [5] [5] [2] そして私が達成したいのは、デスクトップで表示したときに上記のレイアウトが表示されることですが、モバイルで表示したときは、最初に2番目の長さ5オブジェクト、次に最初の長さ5オブジェクト、最後に長さ2オブジェクトを表示します、垂直。このような： [5] (second) [5] (first) [2] 上記のドキュメントで説明されている手順を実行しようとしましたが、モバイルプラットフォーム上にあるにもかかわらず、最初の長さ5のオブジェクトが2番目のものよりも上にありました。言い換えれば、私はこれを得た： [5] (first) [5] (second) [2] では、2つ目を1つ目の上に正しく配置するにはどうすればよいですか？または、同じ長さのオブジェクトを使用しているため、列の順序付けが機能しないのでしょうか？これがあなたの情報のための私のコードです： <div class='row'> <div class='col-lg-5 col-lg-push-5'></div> <div class='col-lg-5 col-lg-pull-5'></div> <div class='col-lg-2'></div> </div> また、ドキュメンテーションは何を意味するのpullかをpush意味しません。だから私は何かが足りないのですか？ありがとう。

159 css twitter-bootstrap-3

4

CSSで「より大」または「>」の文字はどのように使用されますか？

この文字はCSSファイルで何度も見たことがありますが、どのように使用されているのかわかりません。誰かが私にそれを説明して、ページスタイルを簡単にするのにそれらがどのように役立つかを示すことができますか？

159 css css-selectors

14

CSSのみを使用してブートストラップアイコンに色を追加できますか？

Twitterのブートストラップは、Glyphiconsによるアイコンを使用しています。available in dark gray and whiteデフォルトでは " "です。いくつかのCSSトリックを使用してアイコンの色を変更することは可能ですか？各色にアイコン画像を設定する必要がなくなる他のcss3の輝きを期待していました。囲んでいる（<i>）要素の背景色を変更できることは知っていますが、アイコンの前景色について話しています。アイコン画像の透明度を逆にして、背景色を設定することは可能だと思います。では、CSSのみを使用してブートストラップアイコンに色を追加できますか？

159 css twitter-bootstrap sprite css-sprites

9

親がホバーされたときに子要素のCSSを変更する

まず、これはCSS3には複雑すぎると思いますが、どこかに解決策がある場合は、代わりにそれを使いたいと思います。 HTMLは非常に単純です。 <div class="parent"> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <div class="child"> Text Block 2 </div> </div> 子divはdisplay：noneに設定されています。デフォルトでは、表示に変更されます：ブロック; マウスが親divの上に置かれたとき。問題は、このマークアップが私のサイトのいくつかの場所に表示され、マウスが親の上にある場合にのみ子を表示し、マウスが他の親の上にある場合は表示しないようにすることです（すべて同じクラスを持っています）名前とIDなし）。私が使って試してみた$(this)と.children()無駄に。 $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); });

159 jquery css jquery-selectors parent

2

cssは疑似：afterまたは：before content：“”を回転します

とにかく、擬似で回転を機能させる content:"\24B6"? Unicodeシンボルを回転させようとしています。

159 css rotation pseudo-element

17

テーブルの上下にある水平スクロールバー

私はとても大きい table私のページです。そこで、テーブルの下部に水平スクロールバーを配置することにしました。しかし、このスクロールバーもテーブルの一番上に配置したいと思います。テンプレートにあるのはこれです： <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%">...</table> </div> これはHTMLとCSSでのみ可能ですか？

159 javascript jquery html css

5

CSSメディアクエリを使用してデバイスの向きを検出する方法

JavaScriptでは、以下を使用して方向モードを検出できます。 if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } ただし、CSSのみを使用して方向を検出する方法はありますか？例えば。何かのようなもの： @media only screen and (width > height) { ... }

159 browser css tablet media-queries

10

CSSは要素内の各単語の後に改行を強制できますか？

私は多言語サイトを構築しており、所有者がいくつかの翻訳を手伝ってくれています。表示されるフレーズのいくつかは、サイトのスタイルを維持するために改行が必要です。残念ながら、所有者はコンピューターの男ではないため、foo<br />bar翻訳中にデータを何らかの方法で変更する可能性があると彼が見た場合。すべての単語の後で壊れる要素に適用するCSSソリューション（幅を変更する以外に）はありますか？（私はこれをPHPで実行できることを知っていますが、CSSで知らない気の利いたトリックがCJK機能で同じことを達成するためにあるかどうか疑問に思っています。）編集私は何が起こっているのかを図解しようとします： ---------------- ---------------- | Short Word | | Gargantuan | | | | Word | ---------------- ---------------- 長い単語は自動的に壊れますが、短い単語は壊れません。私はそれをこのように見せたいです： ---------------- ---------------- | Short | | Gargantuan | | Word | | Word | ---------------- ----------------

159 css line-breaks

8

子要素をホバーするときに親要素をスタイルする方法は？

OverаэтотвопросестьответынаStack Overflowнарусском：Принаведениинакнопкуподсвечиваетсязаголоканаканенаканакаканакана CSS親セレクターが存在しないことは知っていますが、そのようなセレクターなしで子要素をホバーするときに親要素をスタイル設定することは可能ですか？例を挙げましょう：ホバーすると削除される要素を強調表示する削除ボタンを考えます： <div> <p>Lorem ipsum ...</p> <button>Delete</button> </div> 純粋なCSSを使用して、マウスをボタンの上に置いたときにこのセクションの背景色を変更するにはどうすればよいですか？

159 html css

タグ付けされた質問 「css」

タグ付けされた質問「css」