相关疑难解决方法(0)

图像在悬停时移动 - 铬不透明度问题

我的页面似乎存在问题:http: //www.lonewulf.eu

将鼠标悬停在缩略图上时,图像会在右侧稍微移动,而只会在Chrome上进行.

我的css:

.img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity: 0.5; 
    opacity: 0.5;
    -khtml-opacity: 0.5;
    display:block;
    border:1px solid #121212;
}
.img:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -moz-opacity: 1; 
    opacity: 1;
    -khtml-opacity: 1;  
    display:block;
}

Run Code Online (Sandbox Code Playgroud)

css google-chrome image hover opacity

zef*_*efs

2016 10-01

90
推荐指数

8
解决办法

7万
查看次数

Chrome渲染问题.固定位置锚,UL在体内

Google Chrome和Opera存在渲染问题(为什么？=),代码如下:

<html>
<style>
    #content {
        width: 150px;
        background: gray;
    }

    #sidebar {
        position: fixed;
        left: 200px;
        background: gray;
    }
</style>
<body>
    <div id="sidebar">
        <a href="#s1">Link #1</a><br/>
        <a href="#s2">Link #2</a>
    </div>

    <div id="content">
        <div id="s1">
            <a href="#s1">Link #1 TARGET</a>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
            sed do eiusmod tempor incididunt ut labore et dolore magna
            aliqua. Ut enim ad minim veniam, quis nostrud exercitation
            ullamco laboris nisi ut aliquip ex ea commodo consequat.
            Duis aute irure dolor in …

Run Code Online (Sandbox Code Playgroud)

html css rendering google-chrome

sun*_*say

2013 03-06

56
推荐指数

2
解决办法

4万
查看次数