要素の透明度を指定するプロパティには、「Opacity」「RGBa」がありますが、CSSで指定した背景色のみを透過させたい場合などは「RGBa」プロパティで指定します。 RGBaとは CSS3から、RGBa(Red,Green,Blue,Alpha)という色指定のプロパティを使うことにより、色の透明度（alpha値）の指定が可能になりました。これによって、今まではベタ塗りでも透過している背景色などは画像で指定する必要がありましたが、CSSで記述できるようになりました。 RGB各色には0～255までの色の濃さを示す数値を入力し、最後のアルファ値には0～1（小数点で0.8、0.55など）で指定します。 背景色（background-color）の他にも、 ・文字（color） ・枠線（border-color） なども透過可能です。 記述例 /* 背景色を透過させる */ .rgba01 {
2011年の9月に「CSSとSVG filterでガラスっぽい効果をつける」というのを書きましたが、これはFirefoxのみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。 完成品Frosted glass effect with CSS & SVG 背景画像にはWetFoto.comによる#246 Wetlook with Beautiful Brunette in Leggings and Jacket. Girl in black jacket, white wetlook leggings and skirt in boots, get wet fully clothed in the sea.を使用しています（リンク先はFlickrです）。 この画像はCC BY-NC-SA 2.0でライセンスされています。 背景画像にはBeryl Ch
CSSを使って以下の図のようにDIV要素を下揃えにする方法を示します。 DIV要素を入れ子にして、親に対してposition: relative;を指定し、子に対してposition: absolute;を指定します。すると、子要素は親要素を基準として配置されます。これを使って、親要素からの相対的な位置に子要素を配置できます。これを利用すると、以下の図のようにサムネイルにラベルを重ねることができます。 基本 見本 HTML wrapperにサムネイルを構成するものを挿入します。 <div class="wrapper"> <div class="thumbnail"></div> <div class="label">たい焼き</div> </div> CSS 親要素にposition: relative;を子要素にposition: absolute;を指定します。 サムネイル画像はba
あなたはhtml/cssにおける要素の重なり方を知っていますか？ z-indexを指定しなければ先に書いたほうが下層で後に書けば上層に来る？ というわけで、実は割りと複雑な要素の重なりについて書きます。そこまで意識しなくとも支障がでることは滅多にないと思いますが、知っておいて損はないはずです。 ちなみに、昨今CSS3なるものが流行していますが、この記事はW3CのCSS2.1勧告（と付録）を元に書いています。 基本的な内容であり、目新しいことは特になにもありません。 スタックコンテキストとスタックレベル 用語と概念から。 ある意味、ここが一番よくわかりませんが、ここがわからないと何もわかりません。 スタックコンテキスト（スタッキング・コンテキスト） 簡単に言えばauto以外のz-indexと位置（static以外のposition）を指定した要素によって生成される階層構造を形成する固まりです
ORDER BY 句を使うことで SELECT 文でデータを取得する時に指定したカラムの値を対象にソートした結果を取得することができます。ここでは MySQL で ORDER BY 句を使って取得するデータをソートする方法について解説します。
※以前別の場所で書いた文章を備忘的に書き記しておきます。 売上を日時別に集計をする際、どうやってグループ化すればいいかちょっと悩んでいたところ、Mysqlのマニュアルを見た途端にあっさり解決。DATE_FORMAT関数を使って日付データを加工すればＯＫでした。 備忘的に具体例を記載しておきます。（※日時を格納しているフィールド「time」の型はdatetime） //【年別に集計】 SELECT id, DATE_FORMAT(time,'%Y年') as time1 FROM table1 GROUP BY time1 //【月別に集計】 SELECT id, DATE_FORMAT(time,'%Y年%m月') as time2 FROM table1 GROUP BY time2 //【日別に集計】 SELECT id, DATE_FORMAT(time,'%Y年%m月%d日') a
いろんな実装が可能でしょうし、フレームワークレベルで対応しやすい方法などもいろいろでしょう。 次のサンプルは、よそから拾ってきた一例です。 この場合、複数ウインドウを開く場合など考慮しなければ、二重登録は防げます。 １、フォーム表示時点で、画面にhiddenにキーを、セッションにもキーを仕込んでおく。 ２、登録処理のとき、画面から来たキーとセッションに格納されているキーを比較して、正しくフォーム表示の画面から遷移しているか確認する。 form.php <?php //二重登録防止フォーム-フォーム表示 session_start(); //session_regenerate_id(); //$taskId = session_id(); $taskId = mt_rand(); $_SESSION['taskId'] = $taskId; print('<form action="sub
PrimaryキーまたはUniqueキーを指定して、レコードがなければINSERT、あればUPDATEしたい。 mysql INSERT … ON DUPLICATE KEY UPDATE文を使う mysql> desc foo; +-------+--------------+------+-----+---------+-------+ | Field | Type | Null | Key | Default | Extra | +-------+--------------+------+-----+---------+-------+ | code | varchar(32) | NO | PRI | | | | name | varchar(256) | YES | | NULL | | +-------+--------------+------+-----+--------
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
