背景を透過させるのに便利なrgba記述とIE8以下での対応方法 rgba記述で背景を透過させると、文字は透過されないので便利です。 ですが、IE8以下では表示されないので別途記述が必要です。 rgbaで黒背景を40%透過で表示する場合 background: rgba(0,0,0,0… haradaハック2015.02.09 717
WordPressで表示中の記事を一覧から除いて表示する <ul> <?php $set_cats = ‘3,5,7’; //カテゴリー指定 $set_showposts = ‘5’; //表示件数指定 $my_query = array( ‘cat’ =&g… haradaハック2015.02.06 92
「:not()」セレクタを利用して◯◯以外の要素へCSSを適用する CSS3で追加された「:not()」セレクタを利用することで、CSSで条件指定を行うことが可能です。 「:not(?)」セレクタは?以外の内容に対してCSSを適用することができます。 ex. セレクトボックス以外のセレク… haradaハック2015.02.05 773
tableの中のdivの縦幅を100%で表示する tableの中のdivにheight:100%;を効かせてセルの縦幅いっぱいにするには、tableとtd、divそれぞれにheight:100%;を指定する必要があるようです。 HTML例 <table> &… haradaハック2015.02.04 9,110
【IE7・IE8対応】画像にオンマウスでアイコンをオーバーレイ表示する 画像リンクにマウスオンしたさいに黒背景を透過させて説明を表示したい場合のソースの書き方です。 HTML <div class=”imgBody”> <a target=”_blank” href=”リン… haradaハック2015.02.03 560
aタグの擬似クラスの復習 a:link :未訪問リンクへの指定 a:visited :訪問済みリンクへの指定 a:hover :マウスホバーした時の指定 a:active :マウスでクリックしたときの指定 また、IE7では複数クラスの指定はできな… haradaハック2015.02.02 233
Firefoxで発生するボタンの横の余分なスペースを消す方法 chromeやIEではきちんと表示されるのにFirefoxでのみボタンの横に余分なスペースが発生してしまいます。 下記のCSSを追加することで消すことができます。 button::-moz-focus-inner { p… haradaハック2015.01.30 297
ローカルAipoでアプリの追加をするとエラーが出るときに確認すること ローカルで構築したAipoでアプリを追加したところ、AipoストアのURLを追加すると「正しい 『 ガジェットURL 』 を指定してください。」というエラーが出て追加ができませんでした。 この場合に確認することをまとめて… haradaハック2015.01.30 438
helvetica指定で日本語フォントの位置がずれるバグ font-familyでhelveticaを先頭に指定したところ、Firefoxとchromeのバージョン40〜から日本語を利用している際に位置がずれるというバグが発生していました。 このバグはhelveticaフォント… haradaハック2015.01.29 650