[B! <a>] mimimi0101のブックマーク

:visited の挙動が変更に。制作への影響は？ | Web標準Blog | ミツエーリンクス

次期バージョンのFirefoxのプレビュー版 “Mozilla Developer Preview” ですが、新しいアルファ版が公開されました (プレビュー版ですので、常用のものではありません)。このアルファ版には、先日より各所で取り上げられている、CSSの:visited擬似クラスに関する大きな修正が現在Firefoxで行われています。詳しくは、次のページをお読みください。 CSS によるブラウザ履歴の漏えいを防ぐ取り組み (原文: “Plugging the CSS History Leak”) CSS の :visited に行われるプライバシー対策 (原文: “privacy-related changes coming to CSS :visited”) (二つ目の記事について、翻訳をMozilla Developers Streetに寄稿させていただきました。) :visit

mimimi0101 2011/09/14

<a>

リンク

外部リンクや各ファイルに合ったアイコンを自動的につける｜web bibo

CSSで外部リンク、PDF、Excel、Word、zipなどのファイルへのリンクにアイコンを自動的に付ける方法です。 HTML <a href="http://webbibo.com/">ホームに戻る</a> <a href="http://www.google.co.jp/" target="_blank">GoogleのTOPページ</a> <a href="test.pdf">Webアンケート結果</a> <a href="test.doc">FAX送付状</a> <a href="test.xls">月別売上集計表</a> <a href="test.zip">アクセス解析プログラム</a> CSS p a{ padding:4px 20px 4px 0; } a[href^="http"]{bac

mimimi0101 2011/07/22

リンク

Mozillaのahoverは厳密なため注意が必要です - Web標準普及プロジェクト

Mozillaのa:hoverは厳密なため注意が必要です a:hoverでアンカーテキストの上をマウスカーソルが通過した時に動的に様々なプロパティを変更することができます。この実装がMozillaの場合、他のブラウザより厳密であるため、若干の注意が必要です。 href属性の有無が意識されるWindows版IE 次の例を見てください。 <style type="text/css"> a{ color:black; background-color:white; } a:hover{ color:white; background-color:black; } </style> </head> <body> <a>href属性の無いアンカーテキスト</a> <a href="index.html">href属性のあるアンカーテキスト</a> </body> href

mimimi0101 2010/03/03

リンク

CSS swap hover effect | Min Tran's weblog

CSS swap hover effect Posted by Min Tran on 20 Jun 2008. 27 comments Few months ago, I worked on an e-commerce project whose owner (the client) required each and every of the product photos with information to be displayed in a fancy way. It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to

mimimi0101 2009/06/12

リンク

リンクがCSSの指定通りに出ない

スタイルシートでテキストリンクの部分に指定をすることは、珍しくありませんよね。ただたまにちゃんとCSSで指定しているのにも関わらずブラウザでうまく適応されていないときがあります。そんな時はまず、スタイルシートの記述されている順番を見てみましょう。 [css] a:link { color:#0066ff; } a:visited { color:#777777; } a:active { color:#0066aa; } a:hover { color:#666666; } [/css] 上記の順番の用に【link>visited>active>hover】の順番で記述しないと、ブラウザによってスタイルシートがうまく動作しない場合があるんですね。作者もWEBを覚え立ての頃にぶち当たりました……。