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

HTMLの仕様は言います IDトークンとNAMEトークンは、文字（[A-Za-z]）で始まり、その後に任意の数の文字、数字（[0-9]）、ハイフン（ "-"）、アンダースコア（ "_"）を続けることができます、コロン（ "："）、およびピリオド（ "。"）。 また、HTML 4のSGML宣言ではNAMELENに値65536を使用していますが、「固定制限を回避する」と記載されています。 ただし、ブラウザ、CSS実装、JavaScriptツールキットは、サポートする長さにいくつかの制限があるはずです。HTML / CSS / JSアプリケーションで安全に使用できる最小の制限は何ですか？

88 javascript  html  css 

いくつかの要素で位置の問題があります。IE8Developerツールを調べると、次のように表示されます。 今、私は問題が12のオフセットであることをかなり確信していますが、どうすればそれを削除できますか？CSSオフセットプロパティの記述が見つかりません。マージンに加えてオフセットが必要ですか？ これがこれを生成するコードです： <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" /> <div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'""> <asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" …

88 html  css  internet-explorer  user-interface 

多くの列を持つテーブルを含む固定幅のDIVがあり、ユーザーがDIV内でテーブルを水平にスクロールできるようにする必要があります。 これは、IE6およびIE7のみで動作する必要があります（内部クライアントアプリケーション）。 以下はIE7で機能します。 overflow-x: scroll; 誰かがIE6でも機能するソリューションを手伝ってくれる？

88 html  css 

リストの箇条書きの色を変更する方法があるかどうか疑問に思っていました。 私はこのようなリストを持っています： <ul> <li>House</li> <li>Car</li> <li>Garden</li> </ul> 「スパン」や「p」など、liに何も挿入することはできません。では、箇条書きの色は変更できますが、テキストは変更できませんか？

88 html  css 

CSSに代わるスタイルシートフォーマット言語はありますか？または、CSSはスタイルシートの書式設定タイプの処理を行うための現在の単一言語ですか？ Wikipedia（http://en.wikipedia.org/wiki/Cascading_Style_Sheets）でのCSSの記述と、CSSに関する他のいくつかのコメントを見て、さまざまなレイアウトエンジンでのCSSの完全なサポートの欠如に落胆しました。代替手段があるかどうか、またはCSSフィルターの使用方法も学ばなければならないかどうかだけ知りたいです。 洞察をありがとう。

88 css 

HTML要素（body、divなど）の背景画像を取得して、幅と高さ全体を拡大しようとしています。 運が悪い。それは可能ですか、それとも背景画像以外の方法で行う必要がありますか？ 私の現在のCSSは： body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 前もって感謝します。 編集：私はガブリエルの提案でCSSを維持することに熱心ではないので、代わりにページのレイアウトを変更します。しかし、それが最良の答えのように思われるので、そのようにマークします。

88 html  css  background-image 

<input type="range" />スライダーコントロールを縦に表示したい。私が関心を持っているのは、範囲スライダーコントロールをサポートするブラウザーだけです。 幅よりも高さを設定するとブラウザの向きが自動的に変更されることを示すと思われるコメントや参照を見つけましたが、私のテストでは、Operaでのみ機能し、Operaでは機能しなくなりました。HTML5範囲スライダーを垂直方向に向けるにはどうすればよいですか？

88 html  css 

これは私のシンプルなナビゲーションバーです。 <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> これが崩壊するのを防ぎたいのですが、それが必要ないので、どうすればいいですか？ デフォルトのスタイルを上書きするために、CSSの300K行を書くことは避けたいです。 なにか提案を？

88 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

ユーザーがクリックする場所を正確に案内するチュートリアルを作成したいと思います。私は、画面全体をカバーしようとしている<div>以外のすべての要素を暗くなる特定の地域固定でありwidth、height、topとleft。 問題は、親の "キャンセル"方法が見つからないことですbackground-color（これも透過的です）。 以下の抜粋holeで、divは、background-colorその親のも含め、何もないはずです。 これはまったく達成できますか？何か案は？ #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } <div id="bg"> <div id="hole"></div> </div> コードスニペットを実行する結果を非表示スニペットを展開 これが私が達成しようとしていることのモックアップ画像です：

88 javascript  jquery  html  css 

私は次のことをする方法を探しています。 <div>ページにを追加すると、ajaxコールバックが何らかの値を返します。<div>AJAX呼び出しからの値で充填され、そして<div>その後、別の先頭に付加された<div>テーブルの列として作用します。 ユーザーの注意を引き、ページに何か新しいものがあることをユーザーに示したいと思います。 を<div>点滅させたいのですが、表示/非表示ではなく、しばらくの間ハイライト/ハイライトを解除します。たとえば、5秒にします。 私はまばたきプラグインを見てきましたが、私が見る限り、それは要素でのみ表示/非表示になります。 ところで、ソリューションはクロスブラウザーである必要があり、そうです、残念ながらIEが含まれています。IEで機能させるには、おそらく少しハックする必要がありますが、全体的には機能する必要があります。

88 javascript  jquery  css  highlight  effects 

クラスaを持つa要素ではなく、要素にホバー効果を適用するにはどうすればよいactiveですか？ a:hover(not: .active) 何かが足りないようです。

88 html  css  css-selectors 

-webkit-transform: translate3d(0,0,0); 正確には何をしますか？パフォーマンスの問題はありますか？私はそれを体または個々の要素に適用する必要がありますか？スクロールイベントが大幅に改善されるようです。 レッスンありがとうございます！

88 html  css  webkit 

重複を避けるために、メディアクエリの間隔を正確に設定するにはどうすればよいですか？ たとえば、コードを検討すると、次のようになります。 @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } サポートされているすべてのブラウザーで、正確に20emと45emで何が起こりますか？ 私は人々が使用するのを見てきました：799px、次に800pxのようなものですが、799.5pxの画面幅はどうですか？（明らかに、通常のディスプレイではなく、網膜のディスプレイですか？） スペックを考えれば、ここでの答えが一番気になります。

88 css  responsive-design  media-queries 

次のコードを事前定義された高さでストレッチ可能にする必要があります <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> ただし、spanはインライン要素であるため、「height」プロパティは機能しません。 代わりにdivを使用してみましたが、上部要素の幅まで拡張されます。そして、幅は柔軟でなければなりません。 誰かがこれに対する良い解決策を提案できますか？ 前もって感謝します。

88 css  height  html 

私の友人は、ヘッドセクションの<div style=""></div>ようlink hrefに配置された圧縮されたcssファイルの代わりに使用すると、パフォーマンスがいくらか向上すると言いました。本当？

88 css  performance  inline-styles