記事の背景色を半透明にできた＆Dropboxに保存したスタイルシートを適用

前回の続き。

ブログのcssを全文コピペでdropboxに保存。
改変は、エディタで編集してローカルに保存するだけの簡単なお仕事と化しました。
すっごくべんり。

方法は、
ブログ管理の「デザイン」タブ　→　「デザインCSS」に、

@import "https://dl.dropbox.com/u/XXXXXXXX(数字)/hoge.css";

と、してやるだけです。
つまり、

1. dropboxから、使いたいcssファイルを右クリック
2. 「パブリックリンクを取得」だかなんちゃらでクリップボードにコピー
3. @import文に貼り付ける

という流れです。あら簡単。

---

で、本題の記事の背景色ですが、無事半透明にできました。
ちょっと見づらいかも…そのうち修正します。

結局どこを弄ったというと、

#container {
  text-align: center;
  margin: 20px  auto;
  width: 960px;
  padding: 0px;
  background: #fff;
  padding-bottom: 30px;
}

の、

  background: #fff;

ここ。

なるほど、background-color弄ってるんじゃできないわけだ…
というわけでこの部分を、

  background: rgba(255,255,255,0.9);

に変更して無事完成！わぁい！

スタイルシート弄るの楽しくなってきたかも…
Java勉強中とはどこへやら。

---

P.S.

最初の記事で…

とりあえずChromeのデベロッパーツールを使って色々見てみる。
すると、#container-innerのbackgroundは、transparent(透明)であり、
親要素#containeerのbackgroundが白(#fff)であることがわかった。
んじゃぁその親要素いじればよさそうじゃん！

この時点で気付けよ！！！