Wed, 2012-06-13 12:01
Hi All,
I have a little problem I can't figure out, I am working on a Wordpress website and I just can't decipher the CSS to get Internet explorer to display properly.
The are thumbnails with a hover, J query function that displays the project title when you hover over it, But I just want the Project title to always be displayed and disable the hover.
/* IE 8 */ .ie8 .contact-form .loading-img { top: 5px; } .ie8 #social-networking { margin: 0; } .ie8 #social-networking .inner, .ie8 #back-to-top .inner { display: none; } .ie8 #social-networking a { padding: 0 8px 0 0; } .ie8 #main .comment-list { list-style: none; } .ie8 #overlay-handle:after { content: " "; position: absolute; width: 9999px; left: 0; bottom: 0; height: 5px; background: #313236 url('images/layout/overlay-bg.png'); } .ie8:after { display: none; } .ie8 .blocked-project-overlay:after { filter: alpha(opacity=92); } .ie8 #logo img:hover { filter: alpha(opacity=75); } .ie8 #single-item .single-portfolio-img { background: url('images/layout/loading.gif') no-repeat 50% 50%; } .ie8 #next-prev-links img { visibility: hidden; } .ie8 .project-link .project-overlay, .ie8 .project-caption, .ie8 #filter .term-count { filter: alpha(opacity=0); } .ie8 input[type="text"], #dropdown-wrapper input[type="text"], .slide-out-div input[type="text"], .ie8 textarea { background: #fdfdfd; } .ie8 input[type="text"]:focus, #dropdown-wrapper input[type="text"]:focus, .slide-out-div input[type="text"]:focus, .ie8 textarea:focus { background: #eaeaea; }
I presume I have to change .project-caption - attribute? but when I change opacity etc.. it doesn't work, I would be most grateful with any help on this.
Many thanks.
