CSS3+HTML5

テキストを、上下左右中央にする

20 7月 , 2015  

テキストを、上下左右中央にする [css] display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; [/css]...

CSS3+HTML5

ドロップダウンメニューがyoutube動画の下に隠れる

19 12月 , 2014  

グローバルナビでドロップダウンメニューを使用していて、 メインビジュアル部分にyoutube動画を埋め込んだ場合、 ドロップダウンメニューがyoutube動画の下に隠れてしまう時があります。 (chrome、firefoxで問題なくてもIEでなる) そんな時、z-indexで何とかしようとしても何とかならない。。。。 YouTubeの動画の埋め込みコードはiframeを使って埋め...

CSS3+HTML5

meta charset=”UTF-8″を設定しても文字化けが直らない時。

30 11月 , 2014  

[php]<!DOCTYPE HTML>[/php] の上に [php] <?php header("Content-Type: text/html; charset=UTF-8"); ?> [/php] ...

CSS3+HTML5

clipプロパティでのサムネイル表示が、表示されなくなった。

24 7月 , 2014  

CSSで、画像を切り抜いて表示させるのに、clipプロパティというのがあり、 wordpressならプラグインで対応出来ますが、 そうでないサイトの場合は、ブログの新着記事にサムネイルをつける際、clipプロパティを使ってました。 ところが、7月20日頃から、表示されなくなり、理由がわからなく困ってました。 普段使用しているブラウザは、Google Chromeで、Safariでは...

CSS3+HTML5

CSS3でアンパンマンを書いてみた

16 2月 , 2013  

こちらを参考にさせていただき、アレンジしてアンパンマンを書いてみた。 http://jsdo.it/watanabebeya/aji3 画像を使わずCSSをいじるだけで絵が描けるってすごいですね  ...

CSS3+HTML5

IE対応。CSS3でグラデーションをかける方法

29 1月 , 2013  

CSS3を使ってグラデーションを作るとき、IEの場合はIE独自のfilterを用います。 IE5.5以上で有効なので、ほぼもれなく対応できます。 filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffdddddd'...