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

CSS3トランスフォームを使用して、Webサイトで境界線のある画像やテキストボックスを回転させています。 問題は、アンチエイリアスのない（低解像度）ゲームのように、境界線がChromeでギザギザに見えることです。IE、Opera、FFでは、AAが使用されているため、はるかに良く見えます（これはまだはっきりと見えますが、それほど悪くはありません）。Macを所有していないため、Safariをテストできません。 回転した写真とテキスト自体はきれいに見えますが、ギザギザに見えるのは境界線だけです。 私が使用するCSSは次のとおりです。 .rotate2deg { transform: rotate(2deg); -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Safari and Chrome */ -o-transform: rotate(2deg); /* Opera */ -moz-transform: rotate(2deg); /* Firefox */ } ChromeにAAを使用するように強制するなど、これを修正する方法はありますか？ 以下の例：

193 google-chrome  css  transform  antialiasing 

長い紐（DNA配列）を持っています。空白文字は含まれていません。 例えば： ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA このテキストをa html:textareaまたはaでラップするように強制するCSSセレクターは何xul:textboxですか？

193 html  css  string  xul  word-wrap 

次のCSSがあります。 box-shadow: inset 0px 0px 2px #a00; 今、私はその色を抽出してページの色を「スキナブル」にしようとしています。これを行う方法はありますか？色を削除し、同じキーを後で使用すると、元のルールが上書きされます。 はないようですbox-shadow-color。少なくともGoogleは何も表示しません。

193 css  box-shadow 

壊れた画像のアイコンを非表示にするにはどうすればよいですか？ 例： エラーsrcの画像があります。 <img src="Error.src"/> ソリューションはすべてのブラウザで機能する必要があります。

193 html  css  image 

私はそれらが嫌いで、CSSのカスケードの性質に反しています。注意してそれらを使用しないと、さらに追加するループに陥ります!important。 しかし、私はそれらがパフォーマンスに悪いのか知りたいですか？ 編集 （高速）返信から、パフォーマンスに（重大な）影響はないと結論付けることができます。しかし、それが他の人を落胆させるための追加の議論であったとしても、知っておくとよいでしょう;） EDIT 2 BoltClockは、2つの!important宣言がある場合、仕様では最も具体的な宣言を選択することになると指摘しました。

192 css  performance 

Bootstrap 3を使用してページをデザインしていますplacement: right。入力要素でポップオーバーを使用しようとしています。新しいBootstrapを使用するform-controlと、基本的に全幅の入力要素を使用できます。 HTMLコードは次のようになります。 <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> 私の意見では、ポップオーバーの幅は低すぎます。divに残っている幅がないためです。左側に入力フォーム、右側にワイドポップオーバーが必要です。 ほとんどの場合、Bootstrapをオーバーライドする必要がないソリューションを探しています。 添付されたJsFiddle。2番目の入力オプション。jsfiddleをあまり使用していないのでわかりませんが、結果を表示するには出力ボックスのサイズを大きくしてみてください。小さい画面では表示されません。 http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

すべてのDIVに背景画像を与える一般的なルールがあります。 私は1つのdiv（id = 'a'を使用）を持っていますが、これに背景画像を含めたくありません。 どのcssルールを指定する必要がありますか？

192 html  css 

<link rel="stylesheet" type="text/css" href=...>オーバーに使う必要があるのか​​と思っていました<link rel="stylesheet" href=...>。rel="stylesheet"マークそれはスタイルシートであるという情報は-そうtext/css、私は心配限りとして、実際には何も追加しません。 とにかく、HTMLで使用される唯一のスタイルシート形式はCSSです。それでtext/css、ブラウザに対して何が「言う」のでしょうか。一部のWebサイトはtype="text/css"属性を追加しているようですが（http://www.jquery.com/）、他のWebサイトは追加していません（http://www.youtube.com/）。 だから、何を使用することでtype="text/css"中<link rel="stylesheet">の要素は、それはそれを含める必要がありますか？

192 html  css  stylesheet 

HTMLに次のような要素がある場合： id="product42" id="product43" ... 「product」で始まるすべてのIDをどのように一致させますか？ javascriptを使用してこれを正確に行う回答を見てきましたが、CSSだけでそれを行う方法は？

192 html  css  css-selectors 

HTMLのdivタグの周囲に境界線を定義しようとしています。一部のブラウザでは境界線が表示されません。 これが私のHTMLコードです： <div id="divActivites" name="divActivites" style="border:thin"> <textarea id="inActivities" name="inActivities" style="border:solid"> </textarea> </div> コードスニペットを実行する結果を非表示スニペットを展開 HTML divタグの境界線を設定するにはどうすればよいですか？

192 html  css  border 

CSS3を使用していません。つまりopacity、filter属性を使用することはできません。これらの属性を使用せずに、どうすればbackground-color透明化できますかdiv？これは、このリンクのテキストボックスの例のようなものです。ここでは、テキストボックスの背景色は透明です。同じことをしたいのですが、上記の属性を使用しません。

191 css  html  background-color  transparent 

ストーリーは次のとおりです。ページにFlashオブジェクトを挿入するためにSWFObjectを使用しています。埋め込みは私を食べますspan。そのため、CSSをすべて失います。Flashが表示されたときにCSSスタイルを失わないように、すべてのCSSを親に移動することを考えていました。 span内でを使用してみましたspanが、機能していないようです。これには理由がありますか？あなたが持っている可能性があり、なぜ私は理解していないdiv範囲内divではなく、span内span。 それはspansインラインであることと関係がありますか？

191 html  css 

IE9は、CSS3標準定義のを使用して、角の丸い部分を処理できるようですborder-radius。 境界線の半径と背景のグラデーションのサポートについてはどうですか？はい、IE9は両方を個別にサポートしますが、2つを混合すると、グラデーションが丸みを帯びたコーナーから流出します。 角が丸いボックスの下に黒い実線として影が表示される奇妙さも見ています。 IE9に表示される画像は次のとおりです。 この問題を回避するにはどうすればよいですか？

191 internet-explorer-9  gradient  compass-sass  css 

（これはマルチパートの質問です。シナリオをまとめるために最善を尽くします。） 現在、ユーザーがタブ付きコンテンツ間をスワイプしたり、各タブ付きコンテンツ内を垂直にスクロールしたりできるレスポンシブWebアプリ（ニュースリーダー）を構築しています。 この問題に対する一般的なアプローチdivは、ブラウザーのビューポートを埋めるラッパーを使用overflowするhiddenかauto、またはに設定してから、その内部を水平または垂直にスクロールすることです。 このアプローチはすばらしいですが、主な欠点が1つあります。ドキュメントの高さがブラウザーのビューポートとまったく同じであるため、モバイルブラウザーはアドレスバーやナビゲーションメニューを非表示にしません。 画面領域を拡大するためのハッキングとビューポートプロパティは数多くありますが、minimal-ui（iOS 7.1で導入された）ほど効果的なものはありません。 iOS 8 beta4がminimal-uiMobile Safariから削除されたというニュースが昨日届きました（iOS 8リリースノートの Webkitセクションを参照）。 Q1。Mobile Safariのアドレスバーを非表示にすることはまだ可能ですか？ 私たちの知る限りでは、iOS 7 はハッキングに応答しなくなりましたwindow.scrollTo。これは、垂直レイアウトを採用するか、を使用しない限り、より小さな画面スペースで生活する必要があることを示唆していますmobile-web-app-capable。 Q2。同様のソフトフルスクリーンエクスペリエンスを引き続き使用できますか？ ソフトフルスクリーン私は実際に使用しなくても意味mobile-web-app-capableメタタグを。 私たちのウェブアプリはアクセスしやすいように構築されており、ネイティブのブラウザーメニューを使用して、どのページにもブックマークを付けたり共有したりできます。追加するmobile-web-app-capableことで、ユーザーがそのようなメニューを（ホーム画面に保存されたときに）呼び出すことができなくなり、ユーザーを混乱させたり、敵に反対したりします。 minimal-ui以前は中立で、メニューはデフォルトで非表示になっていますが、タップでアクセスできるようになっています。ただし、他のアクセシビリティの問題（ユーザーがタップしてメニューをアクティブにする場所がわからないなど）のためにAppleがメニューを削除した可能性があります。 Q3。フルスクリーンエクスペリエンスは問題の価値がありますか？ フルスクリーンAPIはまもなくiOSに搭載されなくなるようですが、iOSに搭載されている場合でも、メニューにアクセスできるようになる方法はわかりません（AndroidのChromeでも同じです）。 この場合、モバイルサファリをそのままにして、ビューポートの高さを考慮に入れる必要があります（iPhone 5以降の場合は460 = 568-108で、108にはOSバー、アドレスバー、ナビゲーションメニューが含まれます。iPhone4または古い、それは372です）。 （ネイティブアプリの構築以外に）いくつかの代替案を聞きたいです。

191 javascript  ios  css  responsive-design  mobile-safari 

次のJQueryコードがあります。 $(document).ready(function () { var $containerHeight = $(window).height(); if ($containerHeight <= 818) { $('.footer').css({ position: 'static', bottom: 'auto', left: 'auto' }); } if ($containerHeight > 819) { $('.footer').css({ position: 'absolute', bottom: '3px', left: '0px' }); } }); 唯一の問題は、ブラウザが最初にロードされたときにのみ機能することcontainerHeightです。ウィンドウのサイズを変更しているときにもチェックしたいですか？ 何か案は？

191 jquery  html  css