Enjoy*Study
[programming]
IEで不透明度を変更するために下記のようなコードを書いたのですが、対象のエレメントのスタイルによって、不透明度が変わらない場合があることに気がつきました。(IE6、7共に)
element.style.filter = 'alpha(opacity=50)';
だめだったのは、div要素に対して background-colorだけを指定したもので、これに対してwidthまたはheightを追加指定すると、ちゃんと不透明度が効いてきます。
なお、JavaScriptではなくcss上でfilterの指定を行っても同様でした。(width,heigthがないと効かない)
script.aculo.us(v1.7.0)ではどうしているんだろうと、ソース(effects.js)を眺めてみたところ、Element.setOpacityでは特に考慮しているような処理は見当たりませんでした。(その先のprotptype.jsでも)
が、Effect.Opacity の initialize をみると下記のような処理があり、どうもこれで上記の現象を回避しているようです。(ためしに同じスタイルの要素に対してEffect.Fadeを実行してみたところ、ちゃんとフェードアウトしました)
if(/MSIE/.test(navigator.userAgent) &&
!window.opera && (!this.element.currentStyle.hasLayout))
this.element.setStyle({zoom: 1});
currentStyle.hasLayout が false だと、filter: alpha(opacity=xx)は効かないようです。
で、currentStyle.hasLayoutがtrueになるのは、
MSDN hasLayout Propertyによると、下記のようになっており、script.aculo.usでは一番影響のないzoom:1を使って回避しているようです。
CSS property
Value
display
inline-block
height
any value
float
left or right
position
absolute
width
any value
writing-mode
tb-rl
zoom
any value
onozaty
Share on Tumblr
関連記事
Spring Boot: Scheduledアノテーションを使用して、スケジュールされたタイミングで…
Scheduledアノテーションを使うと、スケジュールされたタイミン…
RedmineのPluginで追加したメニューの表示を制御する
RedmineのPluginを作っている際に、メニューの表示制御が良くわ…
Safariにて、imgのスタイルにposition: absoluteが指定されていた場合、wid…
imgのwidthまたはheightのどちらか片方を指定すると、縦横比を…
glayer.jsのVer2.0をリリースしました。
glayer.js - グレーアウト表示ライブラリ 背景全体をグレーアウ…
SeleniumでJavaScriptの評価結果をパラメータとして利用できる
WEB+DB PRESS Vol.36 の Selenium徹底入門で初めて知ったのです…
プロフィール
id:onozaty
はてなブログPro
読者です
読者をやめる
読者になる
読者になる
このブログについて
リンク
●
Enjoy*Study Home
検索
最新記事
XMLをCSVに変換するツール xml2csv の v1.1.0 をリリースしました
緑黄色大夜祭2024(6月15日(土))@横浜アリーナ
Markdownでスライドを作れるMarpがとても良かった(助けられた)
Online Bookmark Incremental Search の v3.0.0 をリリースしました
Chrome版 ShortcutKey2URL のv1.7.0を公開しました
月別アーカイブ
▼
▶
2024
●
2024 / 6
●
2024 / 5
●
2024 / 4
●
2024 / 3
●
2024 / 1
▼
▶
2023
●
2023 / 12
●
2023 / 11
●
2023 / 10
●
2023 / 9
●
2023 / 8
●
2023 / 7
●
2023 / 6
●
2023 / 5
●
2023 / 4
●
2023 / 3
●
2023 / 2
●
2023 / 1
▼
▶
2022
●
2022 / 12
●
2022 / 11
●
2022 / 10
●
2022 / 9
●
2022 / 8
●
2022 / 7
●
2022 / 6
●
2022 / 5
●
2022 / 4
●
2022 / 3
●
2022 / 2
●
2022 / 1
▼
▶
2021
●
2021 / 12
●
2021 / 11
●
2021 / 10
●
2021 / 9
●
2021 / 8
●
2021 / 7
●
2021 / 6
●
2021 / 5
●
2021 / 4
●
2021 / 3
●
2021 / 2
●
2021 / 1
▼
▶
2020
●
2020 / 12
●
2020 / 11
●
2020 / 10
●
2020 / 9
●
2020 / 8
●
2020 / 7
●
2020 / 6
●
2020 / 5
●
2020 / 4
●
2020 / 3
●
2020 / 2
●
2020 / 1
▼
▶
2019
●
2019 / 12
●
2019 / 11
●
2019 / 10
●
2019 / 9
●
2019 / 8
●
2019 / 7
●
2019 / 6
●
2019 / 5
●
2019 / 4
●
2019 / 3
●
2019 / 2
●
2019 / 1
▼
▶
2018
●
2018 / 12
●
2018 / 11
●
2018 / 10
●
2018 / 9
●
2018 / 8
●
2018 / 7
●
2018 / 5
●
2018 / 4
●
2018 / 3
●
2018 / 2
●
2018 / 1
▼
▶
2017
●
2017 / 12
●
2017 / 11
●
2017 / 10
●
2017 / 9
●
2017 / 8
●
2017 / 7
●
2017 / 5
●
2017 / 3
●
2017 / 2
●
2017 / 1
▼
▶
2016
●
2016 / 12
●
2016 / 11
●
2016 / 10
●
2016 / 9
●
2016 / 8
●
2016 / 7
●
2016 / 6
●
2016 / 5
●
2016 / 4
●
2016 / 3
●
2016 / 2
●
2016 / 1
▼
▶
2015
●
2015 / 12
●
2015 / 11
●
2015 / 10
●
2015 / 9
●
2015 / 8
●
2015 / 7
●
2015 / 6
●
2015 / 5
●
2015 / 4
●
2015 / 3
●
2015 / 2
●
2015 / 1
▼
▶
2014
●
2014 / 12
●
2014 / 11
●
2014 / 10
●
2014 / 9
●
2014 / 8
●
2014 / 7
●
2014 / 6
●
2014 / 5
●
2014 / 4
●
2014 / 3
●
2014 / 2
●
2014 / 1
▼
▶
2013
●
2013 / 9
●
2013 / 8
●
2013 / 7
●
2013 / 6
●
2013 / 5
●
2013 / 4
●
2013 / 3
●
2013 / 2
●
2013 / 1
▼
▶
2012
●
2012 / 12
●
2012 / 11
●
2012 / 9
●
2012 / 7
●
2012 / 6
●
2012 / 5
●
2012 / 4
●
2012 / 3
●
2012 / 1
▼
▶
2011
●
2011 / 11
●
2011 / 10
●
2011 / 9
●
2011 / 8
●
2011 / 7
●
2011 / 6
●
2011 / 5
●
2011 / 4
●
2011 / 3
●
2011 / 2
●
2011 / 1
▼
▶
2010
●
2010 / 11
●
2010 / 9
●
2010 / 8
●
2010 / 4
●
2010 / 1
▼
▶
2009
●
2009 / 12
●
2009 / 11
●
2009 / 10
●
2009 / 9
●
2009 / 8
●
2009 / 7
●
2009 / 6
●
2009 / 5
●
2009 / 4
●
2009 / 3
●
2009 / 2
●
2009 / 1
▼
▶
2008
●
2008 / 12
●
2008 / 11
●
2008 / 10
●
2008 / 9
●
2008 / 8
●
2008 / 7
●
2008 / 6
●
2008 / 5
●
2008 / 4
●
2008 / 3
●
2008 / 2
●
2008 / 1
▼
▶
2007
●
2007 / 12
●
2007 / 11
●
2007 / 10
●
2007 / 9
●
2007 / 8
●
2007 / 7
●
2007 / 6
●
2007 / 5
●
2007 / 4
●
2007 / 3
●
2007 / 2
●
2007 / 1
▼
▶
2006
●
2006 / 12
●
2006 / 11
●
2006 / 10
●
2006 / 9
●
2006 / 8
●
2006 / 7
●
2006 / 6
●
2006 / 5
●
2006 / 4
●
2006 / 3
●
2006 / 2
●
2006 / 1
▼
▶
2005
●
2005 / 12
●
2005 / 11
カテゴリー
●
5sos (1)
●
Ansible (5)
●
Arduino (3)
●
Ariana Grande (4)
●
C# (5)
●
Fifth Harmony (1)
●
Firefox (13)
●
Go (7)
●
Google Chrome (13)
●
Java (38)
●
JavaScript (6)
●
Meghan Trainor (5)
●
MKTO (1)
●
Nature Remo (1)
●
PostgreSQL (5)
●
Redmine (142)
●
Ruby (2)
●
Silverlight (2)
●
Taylor Swift (5)
●
[book] (22)
●
[music] (41)
●
[programming] (803)
●
[service] (4)
●
[software] (19)
はてなブログをはじめよう！
onozatyさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか？
はてなブログをはじめる︵無料︶
はてなブログとは
Powered by Hatena Blog
|
ブログを報告する
引用をストックできませんでした。再度お試しください
@onozatyをフォロー
このブログについて
リンク
●
Enjoy*Study Home
検索
最新記事
XMLをCSVに変換するツール xml2csv の v1.1.0 をリリースしました
緑黄色大夜祭2024(6月15日(土))@横浜アリーナ
Markdownでスライドを作れるMarpがとても良かった(助けられた)
Online Bookmark Incremental Search の v3.0.0 をリリースしました
Chrome版 ShortcutKey2URL のv1.7.0を公開しました
月別アーカイブ
2024
●
2024 / 6
●
2024 / 5
●
2024 / 4
●
2024 / 3
●
2024 / 1
2023
●
2023 / 12
●
2023 / 11
●
2023 / 10
●
2023 / 9
●
2023 / 8
●
2023 / 7
●
2023 / 6
●
2023 / 5
●
2023 / 4
●
2023 / 3
●
2023 / 2
●
2023 / 1
2022
●
2022 / 12
●
2022 / 11
●
2022 / 10
●
2022 / 9
●
2022 / 8
●
2022 / 7
●
2022 / 6
●
2022 / 5
●
2022 / 4
●
2022 / 3
●
2022 / 2
●
2022 / 1
2021
●
2021 / 12
●
2021 / 11
●
2021 / 10
●
2021 / 9
●
2021 / 8
●
2021 / 7
●
2021 / 6
●
2021 / 5
●
2021 / 4
●
2021 / 3
●
2021 / 2
●
2021 / 1
2020
●
2020 / 12
●
2020 / 11
●
2020 / 10
●
2020 / 9
●
2020 / 8
●
2020 / 7
●
2020 / 6
●
2020 / 5
●
2020 / 4
●
2020 / 3
●
2020 / 2
●
2020 / 1
2019
●
2019 / 12
●
2019 / 11
●
2019 / 10
●
2019 / 9
●
2019 / 8
●
2019 / 7
●
2019 / 6
●
2019 / 5
●
2019 / 4
●
2019 / 3
●
2019 / 2
●
2019 / 1
2018
●
2018 / 12
●
2018 / 11
●
2018 / 10
●
2018 / 9
●
2018 / 8
●
2018 / 7
●
2018 / 5
●
2018 / 4
●
2018 / 3
●
2018 / 2
●
2018 / 1
2017
●
2017 / 12
●
2017 / 11
●
2017 / 10
●
2017 / 9
●
2017 / 8
●
2017 / 7
●
2017 / 5
●
2017 / 3
●
2017 / 2
●
2017 / 1
2016
●
2016 / 12
●
2016 / 11
●
2016 / 10
●
2016 / 9
●
2016 / 8
●
2016 / 7
●
2016 / 6
●
2016 / 5
●
2016 / 4
●
2016 / 3
●
2016 / 2
●
2016 / 1
2015
●
2015 / 12
●
2015 / 11
●
2015 / 10
●
2015 / 9
●
2015 / 8
●
2015 / 7
●
2015 / 6
●
2015 / 5
●
2015 / 4
●
2015 / 3
●
2015 / 2
●
2015 / 1
2014
●
2014 / 12
●
2014 / 11
●
2014 / 10
●
2014 / 9
●
2014 / 8
●
2014 / 7
●
2014 / 6
●
2014 / 5
●
2014 / 4
●
2014 / 3
●
2014 / 2
●
2014 / 1
2013
●
2013 / 9
●
2013 / 8
●
2013 / 7
●
2013 / 6
●
2013 / 5
●
2013 / 4
●
2013 / 3
●
2013 / 2
●
2013 / 1
2012
●
2012 / 12
●
2012 / 11
●
2012 / 9
●
2012 / 7
●
2012 / 6
●
2012 / 5
●
2012 / 4
●
2012 / 3
●
2012 / 1
2011
●
2011 / 11
●
2011 / 10
●
2011 / 9
●
2011 / 8
●
2011 / 7
●
2011 / 6
●
2011 / 5
●
2011 / 4
●
2011 / 3
●
2011 / 2
●
2011 / 1
2010
●
2010 / 11
●
2010 / 9
●
2010 / 8
●
2010 / 4
●
2010 / 1
2009
●
2009 / 12
●
2009 / 11
●
2009 / 10
●
2009 / 9
●
2009 / 8
●
2009 / 7
●
2009 / 6
●
2009 / 5
●
2009 / 4
●
2009 / 3
●
2009 / 2
●
2009 / 1
2008
●
2008 / 12
●
2008 / 11
●
2008 / 10
●
2008 / 9
●
2008 / 8
●
2008 / 7
●
2008 / 6
●
2008 / 5
●
2008 / 4
●
2008 / 3
●
2008 / 2
●
2008 / 1
2007
●
2007 / 12
●
2007 / 11
●
2007 / 10
●
2007 / 9
●
2007 / 8
●
2007 / 7
●
2007 / 6
●
2007 / 5
●
2007 / 4
●
2007 / 3
●
2007 / 2
●
2007 / 1
2006
●
2006 / 12
●
2006 / 11
●
2006 / 10
●
2006 / 9
●
2006 / 8
●
2006 / 7
●
2006 / 6
●
2006 / 5
●
2006 / 4
●
2006 / 3
●
2006 / 2
●
2006 / 1
2005
●
2005 / 12
●
2005 / 11
カテゴリー
●
5sos (1)
●
Ansible (5)
●
Arduino (3)
●
Ariana Grande (4)
●
C# (5)
●
Fifth Harmony (1)
●
Firefox (13)
●
Go (7)
●
Google Chrome (13)
●
Java (38)
●
JavaScript (6)
●
Meghan Trainor (5)
●
MKTO (1)
●
Nature Remo (1)
●
PostgreSQL (5)
●
Redmine (142)
●
Ruby (2)
●
Silverlight (2)
●
Taylor Swift (5)
●
[book] (22)
●
[music] (41)
●
[programming] (803)
●
[service] (4)
●
[software] (19)
