タグ

セキュリティとcssに関するy-kawazのブックマーク (2)

  • 「a:visited」のプロパティが配色系のものだけに限定された件について

    Webデザインに携わっている方はすでにご存知と思われますが、「a:visited」に設定可能なプロパティが配色系のものだけに限定された件について情報展開します。 認識誤り等ありましたらご指摘ください。 1.事象 CSSの擬似クラス「:visited」に設定したスタイルが適用されないケースがあります。 そのページをIEの開発者ツール(F12を押下)のコンソールで見ると、 :visited と :link スタイルは、色のみを変更できます。 一部のスタイルは :visited に適用されませんでした。 という警告が出ていると思います(下)。 スタイルが適用されないのはIE以外のブラウザでも同じです。ただし古いバージョンでは挙動が異なるかもしれません。 2.原因 この警告は、スタイルシートの「a:visited」に色属性以外のプロパティ(赤色部分)を設定している場合に発生します。 <style>

    y-kawaz
    y-kawaz 2012/05/19
    成る程。多分getComputedStyle側でvisited特有値の取得が制限されるんかな?指定可能スタイルを限定した理由は、直接取得出来なくても周りの要素のサイズ変化で間接的に情報取れちゃうのを防ぐ為とかかな?想像だけど。
  • はてなスターをもらう簡単な方法 - ぼくはまちちゃん!

    こんにちはこんにちは!! 今日は、きみの人生をちょっぴり豊かにするライフハックの紹介なんです! ★はてなスターをもらう簡単な方法★ 1. 巨大な透過gif画像を用意 → http://hamachiya.com/junk/bt3000.gif 大きすぎる画像はIEが表示できないかもしれないから3000x3000くらいがいいかも? 2. 用意した画像をAddボタンとして設定 設定→デザイン→詳細のスタイルシート .hatena-star-add-button-image { background-image: url(http://hamachiya.com/junk/bt3000.gif); } Addボタンが 3000x3000px(透明) になりました。 3. Addボタンを浮かせて前面に配置 .hatena-star-add-button { position: absolute;

    はてなスターをもらう簡単な方法 - ぼくはまちちゃん!
    y-kawaz
    y-kawaz 2009/08/06
    クリックジャックの分かりやすい例
  • 1