Şeffaf arka plan ile giriş kutuları IE8 tıklanabilir değil

SORU

20 Ocak 2010, ÇARŞAMBA

Şeffaf arka plan ile giriş kutuları IE8 tıklanabilir değil

Bir form içinde konumlandırılmış bir giriş kutusu var. Giriş kutusu şeffaf arka plan vardır:

.form-page input[type="text"] {
    border: none;
    background-color: transparent;
    /* Other stuff: font-weight, font-size */
}

Şaşırtıcı bir şekilde, IE8 üzerine tıklayarak bu giriş kutusunu seçemezsiniz. Mükemmel Firefox ancak işe yarar. Aynı background: none olur. Arka plan rengini değiştirmek için:

    background-color: red;

Gayet iyi çalışıyor, bu konuda şeffaf arka plan ile ilişkilidir. Bir sınır ayarı sınırına sadece tıklayarak giriş kutusu seçilebilir yapar.

Geçici bir çözüm şeffaf arka plan IE8 çalışma ile giriş kutusu tıklanabilir.

Güncelleme:Örnek. Yorumsuz background-color ve ınputbox seçilebilir. Ayrıca seçim kutusunu tıklatın ve Shift Tab tuşuna basarak giriş kutusu odaklanabilirsiniz.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head></head><body>

<style type="text/css">
  input[type="text"] {
    border: none;
    background: transparent;
    /*background-color: blue;*/
  }
  #elem528 { position:absolute; left:155px; top:164px; width:60px; height:20px; }
  #elem529 { position:absolute; left:218px; top:164px; width:40px; height:20px; }
</style>

<img src="xxx.png" alt="" width="1000" height="1000">
<input id="elem528" maxlength="7" type="text">
<select id="elem529"></select>

</body></html>

CEVAP

20 Ocak 2010, ÇARŞAMBA

IE8 böyle bir sorunu yeniden oluşturmak için kuramıyorum. Tam test durumda? Katman bir sorun başka bir saydam elemanı tıklanabilir alanı kapsayacak şekilde neden olmadığına emin misin?

Yok background-image fark yapacak? Ne şeffaf bir GİF?

ETA: Meraklı! Aslında 7 için bir böcek. Benim için, senin örnek Emulateıe7 modunda IE 7, ama IE8 zaman sadece anlatılan davranışı sergiler; IE8 yerli oluşturma düzeltildi. Olacak genellikle yapmak ister emin değilsin geri düşmek için 7 render kullanarak uygun X-UA-Compatible başlık/meta; ancak, Evet, ayar background-image şeffaf GİF sabit sorun benim için. Tsk, biz hala boş GİF bu çağda bile, değil mi?

Bunu Paylaş: