Filters might not work in Internet explorer because it is not possible to mix images and gradient on one image. There are versions of internet explorer which do not support multiple backgrounds in a native manner. It is required that the mixture be done individually. Filters should be used on individual elements and not mixing the features and the properties together. One alternative to achieving this would be to have the image use the gradient and let the image have a <element>. This would have the image shadow as a background to the image. Another solution would be to change the code so that there is <span> which will target only Internet Explorer 8. This version of Internet Explorer will load the image which has DX filters (Applen, 2013).
The problem could also be as a result of having a newer version of Internet Explorer. Internet Explorer 10 does not support DX Filters. The recent Internet Explorer filters do not support filters which have prefixed grayscale filters. This can be solved with the use of SVG overlay in the code. This is when Internet Explorer 10 is being used.
The design of mobile websites requires that some aspects be taken into considerations. Graphics is one of the factors that affect the working of the mobile devices websites. For one to design a mobile website so that they do not have to eliminate graphic elements, they can use specifications that have been developed by W3C consortium. One of the specifications is Scalable Vector Graphics (SVG) Tiny 1.2 Specifications. This gives the dimensions that are used for defining 2-dimensional vector graphics in XML. They are combined with raster graphics and multimedia. With this specification, it is possible to design websites that are used on mobile devices without necessarily eliminating graphics elements in that website. With this specification there the possibility of developing websites which have graphic content and animations which are used by mobile devices (Hebeler et al., 2011).
Html source code
The version of html that is being used on the browser is Html 4.01. I have managed to check this at the top of the page. This is under Doctype declaration. The website has minimal use of comments. The reader of the source code has to be keen in order to identify the source code of the website. This is because the source code is hard to identify. It is important to understand the source code has important information at the top. The source code of the webpage has heavy use of scripts and CSS. It is a common trend for most website. The document information is located on top of the website. This information contains the type of html that is being used. Most of the scripts are used to support graphics that many websites have. with the comments that are integrated in the website, it is possible to have a grasp of the content and the intention of the website.
One recommendation I would make for the website is the use of comments. This is an important aspect that should be integrated. It will help when solving the problems that will be encountered when there is a need to change. Another recommendation is that scripts and CSS should not exceed the use of pure html code. There is should be a balance between text and graphics.
Applen, J. D. (2013). Writing for the Web: Composing, Coding, and Constructing Web Sites. Routledge.
Hebeler, J., Fisher, M., Blace, R., & Perez-Lopez, A. (2011). Semantic web programming. John Wiley & Sons.