Skip to main content
added 193 characters in body
Source Link
mplungjan
  • 174.5k
  • 28
  • 180
  • 240
<style>
img{
    font-style:italic;
    color:#c00;
}

/**
 * In Firefox we can insert the string ‘( .... )’ into the alt text of an image that hasn’t loaded.
 */
img:after   { content:" (Image - Right click to reload if not loaded)"; }
img::after  { content:" (Image - Right click to reload if not loaded)"; } 
</style>

In Firefox and Chrome (and possibly more) we can insert the string ‘( .... )’ into the alt text of an image that hasn’t loaded.

img {
  font-style: italic;
  color: #c00;
}

img:after {
  content: " (Image - Right click to reload if not loaded)";
}

img::after {
  content: " (Image - Right click to reload if not loaded)";
}
<img alt="Alt text - " />

<style>
img{
    font-style:italic;
    color:#c00;
}

/**
 * In Firefox we can insert the string ‘( .... )’ into the alt text of an image that hasn’t loaded.
 */
img:after   { content:" (Image - Right click to reload if not loaded)"; }
img::after  { content:" (Image - Right click to reload if not loaded)"; } 
</style>

In Firefox and Chrome (and possibly more) we can insert the string ‘( .... )’ into the alt text of an image that hasn’t loaded.

img {
  font-style: italic;
  color: #c00;
}

img:after {
  content: " (Image - Right click to reload if not loaded)";
}

img::after {
  content: " (Image - Right click to reload if not loaded)";
}
<img alt="Alt text - " />

Source Link
searching9x
  • 1.6k
  • 16
  • 17

<style>
img{
    font-style:italic;
    color:#c00;
}

/**
 * In Firefox we can insert the string ‘( .... )’ into the alt text of an image that hasn’t loaded.
 */
img:after   { content:" (Image - Right click to reload if not loaded)"; }
img::after  { content:" (Image - Right click to reload if not loaded)"; } 
</style>